我的测试站点1:where it doesn't work
我的测试站点2:where everything is fine (gallery can be seen if you click the list-items in the content)
我将脚本用于测试站点1(没什么好看的;)):
jQuery(document).ready(function() {
jQuery(".fancybox").fancybox();
jQuery.fancybox.next('right');
jQuery.fancybox.prev('left');
});
在Firefox中,我无法使用鼠标在图库中更改图像。如果我点击一个缩略图,fancybox会打开,但是如果我点击箭头来获取下一个图像,则没有任何反应。但是,如果我使用回车键,我可以在画廊中移动。 如果我使用Opera,IE9,Chrome或Safari,我可以使用鼠标,但它有点“摇摇欲坠”。我必须使用箭头精确地击中跨度并且fancybox不使用水平滑动但是使用默认滑动效果。
我的第一个猜测是它可能会干扰网站上的其他脚本之一,但即使我删除所有其他脚本也没有任何变化。
我的第二个猜测是它可能是来自WP-Minify的影响,但是所有内容都与缩小的javascript相同。
我还尝试将我的脚本剥离到骨骼并移除jQuery.fancybox.next('right');
jQuery.fancybox.prev('left');
...而不做任何更改。
有人能说出我做错了什么吗? 感谢
P.S。我没有收到任何控制台错误。
答案 0 :(得分:0)
我明白了。
我的css文件中有一些东西导致了这种奇怪的行为。
我在每个css文件中都有一个全局a:active{
position: relative;
top: 1px;
}
,而fancybox似乎不喜欢这个;)。