javascript - fancybox url 重写和返回按钮

Question

我用fancybox做了一个小项目来克隆pinterest。当用户点击照片时，浏览器会弹出图片框，并更改网址。如果用户关闭弹出窗口，弹出窗口将被关闭并且 url 将返回（不更改页面）。

我使用这些功能（如下）来实现并且效果很好。但是，我现在面临一个问题，当我单击照片时，浏览器弹出窗口，然后我刷新页面，页面将转到该 url，但现在我单击返回按钮，页面不返回（url 是返回，视图不返回）。任何人都可以解决这个问题吗？

功能：

window.history.replaceState(); window.history.pushState(); $(window).bind('popstate');

谢谢你们。

Answer 1

您指的是哈希网址。默认情况下，Fancybox 具有哈希设置，这意味着当您单击 URL 时，如果您使用图库选项，则 URL 会附加一个哈希（#）+ 短语。要删除，只需将 hash 的默认设置初始化为 false，如下所示：

jQuery( document ).ready(function( $ ) {
   $.fancybox.defaults.hash = false;
}

现在你可以在 Fancybox 不干扰浏览器历史的情况下来回前进

Answer 2

你试试：

window.history.back()