将搜索条件添加到网址,但无法返回

时间:2016-08-22 20:43:10

标签: javascript jquery

我试图将搜索条件的参数放入网址,以便可以复制和粘贴特定搜索。

目前我有这个:

 // 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

提前致谢!

1 个答案:

答案 0 :(得分:0)

尝试删除整个部分:

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

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

免责声明:这是一个没有更多背景的黑暗镜头。如果它不适合您,并且您提供更多背景信息,我将很乐意重新访问。