jQuery Mobile - Select 不工作

Question

我有以下 select 设置。我看到它与第一个选项一起显示。但是，当我单击查看其他项目时，没有任何反应。为什么下拉列表不展开以显示它们？

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

它的行为方式相同。没有任何反应。

Answer 1

检查一下是否是你的情况...

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 移动源文件更新为最新的兼容版本。

希望对你有帮助

jQuery Mobile - Select 不工作

jQjuery Mobile - Select Not working

jquery

jquery-mobile

jquery-mobile-select