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

Question

我有一个5页+导航栏的单个HTML。要强制刷新一个页面，我使用它：

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

它第一次运行，但我希望每次访问页面时都更新它。我知道有.trigger（“创建”）和“刷新”，但我无法让它正常工作......

jQuery Mobile 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();
  }
});

  

<强> Demo