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

Question

我有一个包含 5 页 + 导航栏的 html。为了强制刷新一个页面，我使用了这个:

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

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

jQuery 移动版 1.4.0

Answer 1

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

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

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

Demo