javascript - 正在向 url 添加搜索条件，但无法返回

Question

我正在尝试将搜索条件的参数放入网址中，以便可以复制并粘贴特定搜索。

目前我有这个:

 // Search criteria in the url
 var ready = function(e){
     $("#filterrific_filter").click(function(){
       $.get($("#filterrific_filter").attr("action"), $("#filterrific_filter").serialize(), null, "script");
       history.pushState(null, document.title, $("#filterrific_filter").attr("action") + "?" + $("#filterrific_filter").serialize());
       e.preventDefault();
     });
     $(window).bind("popstate", function() {
       $.getScript(location.href);
     });
 };
 $(document).ready(ready);
 $(document).on('page:load', ready);

问题是:当点击结果时，用户尝试再次返回搜索页面，他们不会返回，而是停留在同一页面上。但网址发生了变化。

Here is a video to display the problem

And here is a link to the webpage, if you would like to test it yourself

提前致谢!

Answer 1

尝试删除整个部分:

$(window).bind("popstate", function() {
  $.getScript(location.href);
});

由于您的 apartments#show 操作(猜测，假设您在 Rails 后端使用 RESTful 设计)是一个往返请求(不是 AJAX，如您的过滤器)，并且您的查询字符串 URL 将在重新加载时正确运行过滤器脚本，您不妨让后退按钮以默认方式工作。

免责声明:这是在黑暗中拍摄的，没有更多背景信息。如果它对您不起作用，并且您提供了更多背景信息，我会很乐意重新访问。