JQuery移动选择框不工作

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

当我测试它在我的手机有没有下拉...其实，没有什么hapens在所有。

我忘了什么？

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

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

Answer 3

我有同样的问题，并决定在连接库

我的头标记包括这个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 4

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

当同时使用jQuery UI的和jQuery Mobile的，UI必须在脚本中的列表来移动之前。

我有这样的：

<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正确地增强了菜单。