jQjuery Mobile - Выбрать Не работает

У меня есть следующие настройки выбора. Я вижу это отображается с показом первой опции. Однако, когда я нажимаю, чтобы увидеть другие элементы, ничего не происходит. Почему раскрывающийся список не раскрывается, чтобы показать их?

<div data-role="page" id="movies">
<div data-role="header">
    <img src="/Content/Images/baron-funds-logo.svg" />
</div><!-- /header -->

<div role="main" class="ui-content">
    <h3>Movies</h3>
    <br />
    <div class="ui-field-contain">
        <label for="select-native-1">Movies</label>
        <select name="select-native-1" id="select-native-1">
            <option value="1">1st</option>
            <option value="2">2nd</option>
            <option value="3">3rd</option>
        </select>
    </div>
    <a href="#home-page" data-role="button">Home</a>

    <div data-role="footer">
        <!-- footer is in layout -->
    </div><!-- /footer -->
</div>

РЕДАКТИРОВАТЬ:

Я попробовал эксперимент. В том же приложении я добавил эту страницу:

<!DOCTYPE html>
<html>
<body>

<select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
</select>
</body>
</html>

Он ведет себя так же. Ничего не произошло.

Источник

1 ответ

Проверьте это, чтобы увидеть, если ваш случай...

JQuery Mobile Select Box не работает

... по-видимому, вам может понадобиться создать form пометить или добавить data-native-menu="false",

<!DOCTYPE html>

<html>
<body>

<form action="#" method="get">
  <select data-native-menu="false">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
</form>

</body>
</html>

Если это не работает, и вы можете это сделать, попробуйте обновить ваши исходные файлы jquery и jquery для мобильных устройств до последней совместимой версии.

Я надеюсь, что это помогает

Источник
Другие вопросы по тегам