jQuery冲突: gallery and slider

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

我正在尝试在同一页面上使用具有图像库功能的图像 slider 。

在下面的语句中它们都调用了 jquery 的一个版本(fancybox.js 是 1.8.2)-

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>

我尝试过 noConflict，但可惜我无法让这两个功能同时工作？

Answer 1

两个问题:

1. 您的脚本在加载 DOM 元素之前触发(a将脚本放入标题中的结果。这就是为什么@powtac是说将您的脚本封装在 $(document).ready();)

2. 您的 .coinslider() 函数在您的 coinlider 之前调用脚本已加载。

尝试按以下顺序放置脚本:

<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-libsans-r-b.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.3"></script>

接下来，遵循@powtac的建议:

$(document).ready(function() {
    $('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});

应该可以了。

编辑:根据您的新源代码，删除行 <script type="text/javascript" src="js/script.js"></script> 。