javascript - jquery Pageinit 被多次调用

Question

我是 jQuery 开发新手。我正在创建一个单页面应用程序。从一个页面导航到另一页面时，我正在调用 pageinit 方法。当我在两个屏幕之间来回导航时，我看到页面初始化被多次调用。

$(document).on("pageinit", '#docPage', function(event) {
               home.doc.init();
               });

即使在返回时我也会调用取消绑定(bind)事件。

 $('#BackButton').on('tap', function(event) {
                       event.preventDefault();

                       $.mobile.changePage("homepage.html", {
                                           transition: "fade",
                                           reverse: false,
                                           changeHash: false
                                           });
                       teardown();
                       });
};

teardown(){

home.doc.unbindEvents();
}

任何人都可以指导我在单页面应用程序中导航的最佳实践吗？提前致谢。

Answer 1

这可能是由于 pageinit 监听器被分配多次 - 检查它是否在您每次“导航”到不同页面时重新添加。

您的解除绑定(bind)无法按预期进行。尝试更改匿名函数 $(document).on("pageinit", '#docPage', function(event) {
home.doc.init();
})

到先前在代码中声明的命名函数。这可以提供一些见解。