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

Question

Это становится немного сумасшедшим. Я уже несколько часов пробую код, и мне не повезло:

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

От:

http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html

Когда я тестирую его на своем мобильном телефоне, выпадающего меню нет ... на самом деле, ничего не происходит.

Я что-то забыл?

Answer 1

Если вы посмотрите на источник веб-страницы, то увидите, что он находится в теге формы:

<form action="#" method="get">

Итак, добавив это между тегами формы, вы получите желаемый результат: Ссылка на пример в реальном времени

<form action="#" method="get">
    <div data-role="fieldcontain">
        <label for="select-choice-1" class="select">Choose shipping method:</label>
        <select name="select-choice-1" id="select-choice-1">
            <option value="standard">Standard: 7 day</option>
            <option value="rush">Rush: 3 days</option>
            <option value="express">Express: next day</option>
            <option value="overnight">Overnight</option>
        </select>
    </div>
</form>

Другая проблема может быть:

Попробуйте добавить этот тег в выпадающий список: Ссылка на пример в реальном времени

data-native-menu="false" 

Answer 2

У меня была такая же проблема, и решение находится в подключенных библиотеках

Я включаю в заголовок тега этот css

code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css

и этот

code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js

ивсе работает хорошо!

Answer 3

У меня недавно была эта проблема, и принятый ответ не устранил ее для меня.В процессе создания вопроса я нашел решение:

При использовании как jQuery UI, так и jQuery Mobile, UI должен находиться перед Mobile в вашем списке скриптов..

У меня было это:

<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

, что привело к тому, что пользовательский интерфейс имел приоритет над моими элементами формы, особенно это заметно в избранных меню.Я переключил эти утверждения, и меню Mobile было улучшено должным образом.

Answer 4

выглядит как прямая копия вставки из ссылки, которую вы включили jquery и jquery mobile ?