更改url中的哈希值时，刷新浏览器上的浏览器后单击

Question

我有一个带有过滤器的网站。 每当应用任何过滤器时，我都会附加哈希。 例如我有城市，彩色滤光片。

URL /＃color = red＆city = Delhi

现在，当有人在该URL上单击浏览器时，它将变为URL /＃color = red。 城市查询字符串被浏览器删除。

问题是页面不会重新加载自身。

$(window).on('hashchange', function () {
    window.location.reload(true);
});

但这无限地加载页面。

Answer 1

例如

var stateObj = { foo: "bar" };
history.pushState(stateObj, "page 2", "bar.html");

Answer 2

尝试关闭缓存，以便当您返回时，浏览器将自动从服务器获取新页面...

更多信息在这里 ...

Answer 3

你可能不爱听这个，但你有HTML是无效的，需要通过转换锚固定#适当的查询字符串? 。 这将允许浏览器返回并重新加载页面。

您可以使用HTML编辑器中的“查找并替换”来执行此操作。

如果这将对实现过滤器的方式造成问题，则需要更新过滤代码。 如果您在此处发布，我们可以帮助您解决。

希望能有所帮助。 :-)