Javascript JQuery移动选择框不工作

Javascript JQuery移动选择框不工作,javascript,jquery,jquery-mobile,Javascript,Jquery,Jquery Mobile,这有点疯狂了。 我已经尝试了几个小时的代码,但没有成功: <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="sta

这有点疯狂了。 我已经尝试了几个小时的代码,但没有成功:

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

选择运输方式:
标准:7天
高峰期:3天
快递:第二天
一夜之间
发件人:

当我在手机上测试时,没有下拉列表。。。事实上,什么都没有发生


我忘了什么?

看起来像是从您包含的链接直接复制粘贴的?

如果查看网页的源代码,您可以看到它位于表单标记中:

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

我也有同样的问题,决定权在互联图书馆

我包括在头标签这个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 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优先于我的表单元素,特别是在选择菜单中。我切换了这些语句,移动设备正确地增强了菜单。

您的移动浏览器或平台是什么?是的,它是。。。这不是一个例子吗?这是一个例子,如果你使用的是准确的标记,那就太好了,但如果不是,我们需要看看你使用的标记。还想知道是否包括这些文件
code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js
<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>