javascript - 如果使用 ajax 加载页面，$(select).selectmenu('open') 不起作用

Question

我有一个按钮，单击时会显示一个下拉菜单。此代码适用于加载了以下内容的页面data-ajax="false"：

$('#btnMainMenu').live('click', function() {
  $('#dpMainMenu').selectmenu('open');
}); 

但是网站上有一些锚点data-ajax="true"，所以每当用户加载这些页面时 - 上面的代码似乎不起作用。

Answer 1

加载data-ajax="true"的页面只加载页面的特定部分（这是 jQuery Mobile 的默认行为）。即之间的一切<div data-role="page">...</div>。即使页面以这种方式加载，您的代码是否有效？

参考：链接页面

Answer 2

我刚刚遇到了同样的问题，我的解决方案是在通过 Ajax 加载的页面正文中包含下面的代码（我把它放在表单的下面）。

<script>
    $('document').read(function () {
        $("#form-id").trigger("refresh", true); 
    });
</script>

这样，当页面准备好时，Jquery 会重新创建选择菜单所在的表单，因此所有行为都会再次返回。