0

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

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

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

4

1 回答 1

0

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

JQuery 移动选择框不工作

...显然，您可能需要创建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-05T19:51:08.067 回答