javascript - 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

要添加绑定(bind)/附加监听器，例如 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();
  }
});