ios - 当用户在phonegap ios中按当前页面上的后退按钮时，如何取消上一页的pageshow事件

Question

我正在开发一款使用 iScroller 来显示产品列表的应用程序，

我已经使用 pageshow 事件来加载产品列表，由于某些情况我无法使用 pageinit()。

问题是，当我单击任何产品时，它会显示产品详细信息页面，但是在产品详细信息页面上，当我单击后退按钮时，它会再次调用产品列表页面的 pageshow() 。

当用户单击详细信息页面上的后退按钮时，我不想运行 pageshow()，除此后退按钮外，我想运行 pageshow()其他地方。

请告诉我如何解决这种情况。

Answer 1

下面的示例使用变量来检查是否单击了后退按钮来查看#products页面。一旦用户从#products导航到#details并使用后退按钮返回，它就会提醒#products已查看，因此您可以停止再次重新加载数据。

但是，如果用户导航到其他页面并返回到 #products 页面，它将正常工作，因为尚未查看。

Demo

var viewed = false;

$(document).on('click', '.backbtn', function () {
 viewed = true;
});

$(document).on('pagebeforeshow', '#products', function () {
 if (viewed) {
  alert('page has been viewed');
  viewed = false;
 }
 else {
  alert('first visit!');
 }
});