Javascript 在浏览器导航按钮上保存网站状态

Javascript 在浏览器导航按钮上保存网站状态,javascript,jquery,html,Javascript,Jquery,Html,我有reg表单,其中包含下一个和上一个按钮,以及使用jQuery切换部分(显示和隐藏它们)。我看到所有插件都在使用#标记和路由,但我不能使用它。是否有可能以某种方式保存此操作?例如,当我在浏览器中单击“上一步”时,它需要执行与单击表单上的“上一步”按钮相同的操作。有什么方法可以做到这一点吗?您可以尝试以下jQuery代码: $(window).on("navigate", function (event, data) { var direction = data.state.directio

我有reg表单,其中包含下一个和上一个按钮,以及使用jQuery切换部分(显示和隐藏它们)。我看到所有插件都在使用#标记和路由,但我不能使用它。是否有可能以某种方式保存此操作?例如,当我在浏览器中单击“上一步”时,它需要执行与单击表单上的“上一步”按钮相同的操作。有什么方法可以做到这一点吗?

您可以尝试以下jQuery代码:

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

您可以尝试以下jQuery代码:

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

您不能覆盖浏览器按钮的默认操作,但可以。您可以将页面状态保存在cookie中吗?这就是在线购物网站保存“物品”的方式,而你只需使用它来存储所选或更改的内容。你不能使用可用的历史插件的原因是什么?将URL绑定到页面的状态可能是使应用程序的“后退”和“下一步”按钮与浏览器的按钮行为相同的最佳方式。@matt因为我的步骤库现在不起作用,它只是隐藏和显示div。您是否可以根据请求的URL确定加载页面时显示哪个div?您不能覆盖浏览器按钮的默认操作,但可以。您可以将页面状态保存在cookie中?这就是在线购物网站保存“物品”的方式,而你只需使用它来存储所选或更改的内容。你不能使用可用的历史插件的原因是什么?将URL绑定到页面的状态可能是使应用程序的“后退”和“下一步”按钮与浏览器的按钮行为相同的最佳方式。@matt因为我的步骤库现在不能这样工作,它只是隐藏和显示div。您不只是根据请求的URL确定加载页面时显示哪个div吗?