使用历史回按钮检测

Question

我正在制作jquery移动应用程序并遇到一个问题。 我有三页：

• 包含类别点击的主页
• 包含项目列表和类别过滤器的页面。
• 包含商品详情的页面

当我点击主页面上的类别时，我转到第二页，修改了选择按钮和过滤列表。单击项目并使用历史记录按钮后一切正常 - 选择了正确的类别。 问题是我想在第二页更改类别。单击项目并返回历史记录后，我将返回到之前未更改过的第一个类别。 有没有办法检测天使后退按钮？

Answer 1

$(window).on("navigate", function (event, data) {
  var direction = data.state.direction;
  if (direction == 'back') {
    // do something
    localStorage.back=1;
  }
});

做了这个伎俩。

Answer 2

您可以使用以下方式缓存页面：

 <div data-role="page" data-dom-cache="true">

或拦截后退按钮操作：

 jQuery.mobile.navigate( url [, data ] )

http://api.jquerymobile.com/jQuery.mobile.navigate/

Answer 3

使用它：

window.history.go(-2);