JQuery 移动选择框不工作答案

【问题标题】：JQuery Mobile Select Box not workingJQuery 移动选择框不工作
【发布时间】：2011-05-26 12:17:15
【问题描述】：

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

<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

当我在我的手机上测试它时，没有下拉菜单......实际上，什么都没有发生。

我是不是忘记了什么？

【问题讨论】：

你是什么移动浏览器或平台？

标签： javascript jquery jquery-mobile

【解决方案1】：

如果您查看网页的源代码，您会发现它位于表单标签中：

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

所以在表单标签之间添加它会得到想要的结果：Live Example Link

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

可能是另一个问题：

尝试将此标签添加到下拉列表中：Live Example Link

data-native-menu="false"

【讨论】：

【解决方案2】：

我遇到了同样的问题，决定在连接的库中

我在这个 css 的 head 标签中包含了

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

一切正常！

【讨论】：

【解决方案3】：

看起来像是从链接直接复制粘贴，您是否包含了jquery 和jquery mobile？

【讨论】：

是的，是……这不是例子吗？
这是一个示例，如果那是您使用的确切标记，那很好，但如果不是，那么我们需要查看您使用的标记。还想知道是否包含文件

【解决方案4】：

我最近遇到了这个问题，接受的答案并没有为我解决这个问题。在创建一个问题的过程中，我想出了解决方案：

同时使用 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 对菜单进行了适当的增强。

【讨论】：