在 pageinit 上切换功能：jQuery Mobile

Question

我想使用位于我的 JQM 站点标题中的按钮来切换列表。

此代码仅在页面首次加载时有效。一旦我加载另一个页面，切换功能就会被忽略（尽管如果我输入警报，这似乎可以工作）。

我已将脚本包含在 data-role="page" 元素中。

$(document).bind('pageinit', function (){
    $("#trigger-menu").toggle(function(e) {
          $("ul#menu-list").show();
          //change icon here
          e.preventDefault();
    }, function(e) {
          $("ul#menu-list").hide();
          //change icon here
          e.preventDefault();
    });
});

'pageinit' 是否适合在这种情况下使用？ 我正在使用 JQM 1.2.0

Answer 1

您描述的行为是 pageinit 事件的预期行为，该事件每页仅发生一次。

如果您想在每次页面转换时切换列表，在动画完成后，我建议您使用 pageshow 事件：

$('div').live('pageshow', function(event, ui) {
    alert('This page was just hidden: '+ ui.prevPage);
});

更多详情，请查看 jQuery 移动事件文档here。