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

时间:2017-05-07 14:37:33

标签: javascript jquery html fancybox fancybox-3

Fancybox 3使用hashtag来保存URL中的当前视图:

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

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

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

Fancybox 3会将其替换为

http://example.com/#gallery1

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

2 个答案:

答案 0 :(得分:2)

似乎Fancyapps预见到了这一点,并为它添加了一个平稳运行的选项:

$.fancybox.defaults.hash = false;

答案 1 :(得分:1)

嗯,有可能同时有两个哈希值,因此fancyBox会替换为gallery哈希值,但会在关闭后恢复原始值。 如果这对您造成麻烦,那么是的,禁用哈希模块将是最佳选择。

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