Question

我使用正确的样式开发了这个JQuery Horizontal Slider： http://css-tricks.com/examples/FeaturedContentSlider/

这在我的JsFiddle中正常运行：http://jsfiddle.net/NinjaSk8ter/5tXgQ/

然而，当我把它放到我的网站上时，我对图片转换有问题。

http://www.virtualpetstore.com/InteriorServices.aspx

框架不像JSFiddle那样缓和和过渡。我已经包含了3个js文件，我不知道这些文件是否被我已经拥有的其他js文件破坏了。

我也不确定我是否正确地将JavaScript添加到文档就绪功能中，该功能已经适用于手风琴。

如果有人不介意FireBug，看看我做错了什么 - 非常感谢！

Answer 1

您的链接未找到404页面

另外我敢打赌你没有像jsFiddle那样重置你的CSS，这就是你的图像/链接周围有蓝色边框的原因

更新：所以我认为你遇到的问题是因为你有太多的缓动功能副本。为了将来参考，jQuery UI包含所有缓动函数（v1.3）。您包含滑块（v1.3）的副本和menu.js（v1.1）文件中的另一个副本。所以忽略我在下面发表的评论，说四份，就是三份。

Answer 2

我已经包含了3个js文件，我不知道这些文件是否被我已经拥有的其他js文件破坏了。

显然，它确实在JavaScript包含的顺序方面有所不同。我评论了这些包括之前存在的地方，现在我把它们移到了最底层。

<script type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>

<%--<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>--%>
<%--<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>--%>
<%--<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>--%>

<script type="text/javascript" src="js/jquery.serialScroll-min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<script type="text/javascript" src="js/colors.js"></script>
<script type="text/javascript" src="js/colorpicker.js"></script>
<script type="text/javascript" src="js/blipITpicker.js"></script>
<script type="text/javascript" src="js/jquery.corner.js"></script>
<script type="text/javascript" src="js/jquery.cycle.min.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/jquery.simplemodal.js"></script>
<script type="text/javascript" src="js/contact.js"></script>

<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>

JQuery水平滑块缓解问题

2 个答案: