javascript - 使用 jQuery Mobile 准备好文档后将选择更改为非 native 菜单

Question

我在使用 jQuery Mobile 编写的 Web 应用程序中有一个选择，我想在页面呈现后向其添加 data-native-menu="false。

我有以下示例:

HTML

<div id="cont">
    <select id="sel">
        <option>test1</option>
        <option>test2</option>
    </select>
 </div>

Javascript

$(document).ready(function () {
    $("#sel").attr("data-native-menu", "false");
    $("#sel").selectmenu("refresh");
});

以上在JSFiddle .

属性添加得很好，但在尝试了所有我能想到的方法之后，.selectmenu()、.trigger('create')、。 selectmenu("refresh", true) 等等。选择没有从使用 native 菜单更改为使用 jQuery Mobile 的菜单。

显然我遗漏了什么，但那是什么？

Answer 1

需要在页面创建前设置pagebeforecreate事件。

$(document).on("pagebeforecreate", function () {
  $("#sel").attr("data-native-menu", "false");
});

在 jQuery Mobile 中，使用 jQM events而不是使用 .ready()，因为它不被推荐。

Demo