当“#”已经是 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 开始)。
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 开始)。