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

因此，在表单标记之间添加此内容可获得所需的结果：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"

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和jquery mobile？

JQuery Mobile Select Box无法正常工作

3 个答案: