在单个 html 文件中使用 jQuery 更新一页

Question

我有一个 html，有 5 个页面 + 导航栏。要强制刷新一页，我使用以下命令：

$("#page3").on("pagecreate", function(e) {});

它第一次工作，但我希望它在每次访问该页面时更新。我知道有 .trigger("create") 和 "refresh"，但我无法让它正常工作......

jQuery 移动 1.4.0

Answer 1

您需要监听pageContainer事件以确定哪个页面处于活动状态并相应地运行您想要的功能。

与 jQuery Mobile 的后续版本不同，新事件无法附加到特定页面。一旦事件发生，检索ActivePage的 ID。

$(document).on("pagecontainerbeforeshow", function (e, ui) {
  var activePage = $.mobile.pageContainer.pagecontainer("getActivePage")[0].id;
  if(activePage == "page3") {
    doSomething();
  }
});

演示