JQM 中的 Pageshow 添加新页面而不删除旧页面

Question

我的网页有问题。 我认为是这样的问题：https://stackoverflow.com/questions/24350594/jqm-pageshow-event-firing-number-of-times-on-page-visit

每次我返回并进入我的页面（使用 pageshow）时，它都会再次加载所有内容（如我所愿），但如果我进入 3、4 或更多次，我似乎有两个或更多页面。所以每次我按下一个按钮将数据发送到服务器时，它都会执行很多次（就像我进出那个网页的次数一样）

我每次进去都需要重新加载整个页面，所以我不能用一个来代替：

$(document).on("pageshow", '#activity', function() {

我也试过：

$(document).off("pageshow", '#activity').on("pageshow", '#activity', function() {

但它似乎不起作用。

有什么办法可以让我每次出门都消掉一个网页？我只想拥有一份

Answer 1

要添加绑定/附加侦听器，例如click、change 等，它们应该放在pagecreate 事件中，因为它每页触发一次。该事件相当于.ready()。

$(document).on("pagecreate", '#activity', function() {
  /* listeners */
  $("#foo").on("change", function () {
    $.ajax();
  });
});

使用pageshow/pagecontainershow 和类似的事件来操作DOM或执行其他功能。

jQM 1.3

$(document).on("pageshow", '#activity', function() {
  /* manipulate DOM */
  $("#foo").removeClass("bar");

  /* run functions */
  $.doSomething();
});

jQM 1.4

$(document).on("pagecontainershow", function(e, data) {
  if(data.toPage[0].id == "activity") {
    /* manipulate DOM */
    $("#foo", data.toPage).removeClass("bar");

    /* run functions */
    $.doSomething();
  }
});