jQjuery手机 - 选择不工作

我有以下选择设置。我看到它显示第一个选项。但是，当我点击查看其他项目时，没有任何反应。为什么不能将下拉列表展示给他们？jQjuery手机 - 选择不工作

<div data-role="page" id="movies"> 
<div data-role="header"> 
    <img src="/Content/Images/baron-funds-logo.svg" /> 
</div><!-- /header --> 

<div role="main" class="ui-content"> 
    <h3>Movies</h3> 
    <br /> 
    <div class="ui-field-contain"> 
     <label for="select-native-1">Movies</label> 
     <select name="select-native-1" id="select-native-1"> 
      <option value="1">1st</option> 
      <option value="2">2nd</option> 
      <option value="3">3rd</option> 
     </select> 
    </div> 
    <a href="#home-page" data-role="button">Home</a> 

    <div data-role="footer"> 
     <!-- footer is in layout --> 
    </div><!-- /footer --> 
</div>

编辑：

我尝试过的实验。在同一个应用程序中，我添加了此页：

<!DOCTYPE html> 
<html> 
<body> 

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
</select> 
</body> 
</html>

它的行为方式相同。什么都没发生。

来源

2017-10-05 Scott

显示你的JavaScript/jQuery代码，请 –

我没有写任何。请参阅上面的修改。 – Scott

在没有问题的小提琴中工作... https://fiddle.jshell.net/rigobauer/6vLar8dc/你使用的是什么jquery和jquery移动版本？你在使用其他插件或库吗？你有任何控制台错误可以来自其他JavaScript/jQuery代码？ –

检查这，看看是否是你的情况......

JQuery Mobile Select Box not working

...显然，你可能需要创建form标签或添加data-native-menu="false"。

<!DOCTYPE html> 

<html> 
<body> 

<form action="#" method="get"> 
    <select data-native-menu="false"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
    </select> 
</form> 

</body> 
</html>

如果这不起作用，你可以，也尝试更新您的jQuery和jQuery的移动源文件到最新版本兼容。

我希望它能帮助

来源

2017-10-05 19:51:08

添加data-native-menu =“false”修复了这个问题。谢谢！ – Scott

好听！祝你有美好的一天，快乐的编码！ –

jQjuery手机 - 选择不工作

回答

相关问题