jQuery Mobile Select Box不起作用

如何解决jQuery Mobile Select Box不起作用

| 这有点疯狂了。我已经尝试了几个小时的代码了，没有运气：

<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 当我在手机上对其进行测试时，没有下拉菜单……实际上，没有任何事情发生。我忘记了什么吗？

解决方法

如果您查看网页的来源，则可以在表单标签中看到它：

<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\"

,我有同样的问题，决定在连接的图书馆中我在头标记中包含此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

一切正常！ ,看起来像是链接中的直接复制粘贴，您包括jquery和jquery mobile吗？ ,我最近有这个问题，被接受的答案并没有为我解决。在对此提出问题的过程中，我想出了解决方案：当同时使用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>

这导致UI优先于我的表单元素，在选择菜单中尤为明显。我切换了这些语句，并且Mobile适当地增强了菜单。