Почему с select data-native-menu="false" опции не отображаются?

Я использую jquery mobile 1.3.0, и у меня есть следующий код для выбора меню. Когда я использую data-native-menu="false", параметры не отображаются. Без data-native-menu="false" опции, видимые пользователю.

<div data-role="fieldcontain"> 
            <label for="virtuemart_product_id_box" class="select"> Nombre de producto:
            </label> 
            <select id="virtuemart_product_id_box" name="virtuemart_product_id_box"  data-prevent-focus-zoom="true" data-native-menu="false"> 
<option value="">Seleccione un producto</option> 
<option value="84">Fromage Artesano Tres Leches Madurado 425 gr.</option> 
<option value="85">Queso de Cabra Madurado 425 gr.</option> 
<option value="83">Queso de Oveja Madurado 425 gr.</option> 
<option value="86">Queso de Vaca Madurado 425 gr.</option> 
<option value="87">Queso de Vaca Madurado Ahumado 425 gr.</option> 

На отладке представлена ​​следующая информация:

Прокрутка до цели -99919 из #virtuemart_product_id_box-listbox.

Почему это происходит?

Я использую этот выбор в представлении virtuemart. Я использую view.html.php, чтобы загрузить параметры выбора

$options = array();
    $options[] = JHTML::_('select.option', '', JText::_('Seleccione un producto'));
    foreach($products as $product):
    $options[] = JHTML::_('select.option', $product->virtuemart_product_id, $product->product_name);
    endforeach;
    if (isset($product_id)){
        $this->lists['products']= JHTML::_('select.genericlist', $options, 'virtuemart_product_id_box', 'class="inputbox" onchange="this.form.submit();" data-prevent-focus-zoom="true" data-native-menu="false" ', 'value', 'text', $product_id);
    }
    else {
        $this->lists['products']= JHTML::_('select.genericlist', $options, 'virtuemart_product_id_box', 'class="inputbox" onchange="this.form.submit();" data-prevent-focus-zoom="true" data-native-menu="false" ', 'value', 'text',$options[0]);
    }

Default.php, который отображает HTML

<?php

defined('_JEXEC') or die('Restricted access');

JHTML::_( 'behavior.modal' );


$document = JFactory::getDocument();
?>


    <form action="<?php JRoute::_('index.php'); ?>" method="post">
        <h1 class="title">
            <?php echo JText::_('COM_VIRTUEMART_PRODUCER') .' '.$this->mf_name ?>
        </h1>

        <div data-role="fieldcontain">
            <label for="virtuemart_product_id_box" class="select"> <?php echo JText::_('COM_VIRTUEMART_PRODUCT_NAME') ?>:
            </label>
            <?php echo $this->lists['products']; ?>
        </div>
</form>

Я также использую шаблон Jtouch для мобильного дисплея Joomla.

Я нашел следующие сценарии в моем HTML:

        <script type="text/javascript"> 
        var jtouchPageId            = 0;
        var jtouchPageTransition    = 'fade';
        var jtouchHeaderTheme       = 'b';
        var jtouchAdd2HomMessage    = 'Install this web app on your %device: tap %icon and then <strong>Add to Home Screen</strong>.';
        var jtouchShowAppDialog     = true;
        var jtouchPage                  = '';
    </script> 



   <script type="text/javascript">
vmSiteurl = 'http://localhost/seleccionatu/' ;
vmLang = ""
vmCartText = 'fue agregado a su carro' ;
vmCartError = 'Hubo un error al actualizar su carro' ;
loadingImage = '/seleccionatu/components/com_virtuemart/assets/images/facebox/loading.gif' ;
closeImage = '/seleccionatu/components/com_virtuemart/assets/images/facebox/closelabel.png' ; 
Virtuemart.addtocart_popup = '1' ; 
 faceboxHtml = '<div id="facebox" style="display:none;"><div class="popup"><div class="content"></div> <a href="#" class="close"></a></div></div>' 


    window.addEvent('domready', function() {

        SqueezeBox.initialize({});
        SqueezeBox.assign($$('a.modal'), {
            parse: 'rel'
        });
    });

Могут ли эти сценарии вызвать всплывающее окно для выбора не открывать? Также заметил, что URL добавляется с помощью # virtuemart_product_id_box-listbox

0 ответов

Другие вопросы по тегам