当“#”已经是 URL 的一部分时使用 Fancybox 3

Using Fancybox 3 when "#" is already part of URL

Fancybox 3 使用主题标签将当前视图保留在 URL:

http://example.com/sites/site1#gallery-1

但是,对于导航已经需要主题标签的网站来说,这太糟糕了:

http://example.com/#/sites/site1

Fancybox 3 会将其替换为

http://example.com/#gallery1

有没有办法同时使用这个导航和Fancybox 3?

Fancyapps 似乎预料到了这一点,并为其添加了一个运行顺利的选项:

$.fancybox.defaults.hash = false;

嗯,不可能同时有两个hash,所以fancyBox用gallery hash代替,关闭后又恢复原样。 如果这给您带来麻烦,那么是的,禁用哈希模块将是最好的选择。

顺便说一句,您可以使用 gulp 构建您自己的 fancybox.js 文件,而无需哈希模块;或者您可以通过 hash: false 选项来禁用(从 v3.1 开始)。