http://ecefx-dev.com/skribble/在Chrome中运行正常(我在谈论您单击并拖动滚动条的顶部滑块)。
在firefox / IE中虽然它一直在破碎。如果在单击滚动条的同时查看控制台,您将看到问题(??)
到目前为止,我有 - 使用相同版本的jquery,jquery UI和ui.slider作为演示,但该演示在firefox中运行良好。 http://www.ericdubois.com/jquery_tests/slider_gallery3.php
我甚至直接复制/粘贴了他们的代码,包括上面提到的脚本。我唯一没做的是jquery但是内置编号匹配所以它的确切。一件事是我改变了,在ui.slider的底部有一些使用$的代码,我将它改为jQuery,因为我正在使用Wordpress。
除了背景图片之外,css是90%相同,并且html使用所有相同的类,除了我的html在li里面有一个div而不仅仅是一个图像。
有什么想法吗?
答案 0 :(得分:1)
这是你的配置。您在itemsWidth中传递的最大值的值在Firefox上为0。
答案 1 :(得分:1)
内部UL在Firefox中崩溃,导致其列表项显示在两行上,导致itemsWidth变为-15。
更改以下内容并应该有效:
.sliderGallery ul li {
display: inline-block;
*display: inline; // IE7
zoom: 1; // IE7
}
并删除.event-img
上的float-left