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。

在pageinit上切换功能：jQuery Mobile

1 个答案: