jquery - 在 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 移动事件文档。