jQuery UI在firefox中无法使用演示中的重复代码

jQuery UI wont work in firefox with duplicate code as demo

本文关键字:代码 UI firefox jQuery      更新时间:2023-09-26

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

有什么想法吗?

内部UL在Firefox中崩溃,导致其列表项显示在两行上,导致itemsWidth变为-15。

更改以下内容,它应该可以工作:

.sliderGallery ul li {
display: inline-block;
*display: inline; // IE7
zoom: 1; // IE7
}

并删除左侧的浮动。event img

这是您的配置。您在itemsWidth中传递的最大值在Firefox上为0。