如何在jquery移动选项卡（导航栏）中隐藏设备后退功能？

Question

我已经在我的网页上开发了jquery移动标签。如果我的页面有5个标签，现在我在第3个标签页。我希望这样当我从移动设备按下后退按钮时，它应该自动重定向到第二个和第一个选项卡。然后它应该像另一个html页面一样重定向到我的主页。

当我从设备按下后退按钮时，它会自动重定向到我的主页而不是之前的标签页。如何控制jquery mobile？请只做那些需要的。提前谢谢。

Answer 1

您需要收听navigate事件并检查是否已从数据对象data.state.direction按下后退按钮。如果为true，则$.mobile.changePage()到主页。

如果您使用的是jQuery Mobile 1.4，$.mobile.pageContiner.pagecontainer("change", "#page");

$(window).on("navigate", function (event, data) {
  if (data.state.direction == "back") {
    $.mobile.changePage("#homepage");
    return false; /* prevent showing previous page */
  }
});

  

<强> Demo