jQuery UI不能在firefox中使用重复的代码作为demo

时间:2012-02-15 01:46:01

标签: javascript jquery jquery-ui gallery

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而不仅仅是一个图像。

有什么想法吗?

2 个答案:

答案 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