两个jquery工具相互干扰

时间:2012-01-11 17:56:13

标签: javascript jquery scroll shadowbox

我是jquery的新手。我正在一个使用滚动功能的网站上工作,我发现它从一个页面移动到另一个页面,其脚本如下所示:

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>

我还有一个脚本,我想在几个页面上使用,这是一种图像库的阴影框。它的脚本如下所示:

<script type="text/javascript"src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script> 

如果我在页面上同时拥有这两个脚本,那么只有影子框可以正常工作而滚动却没有。如果我关闭了shadowbox脚本,那么滚动就可以了。 如果我将shadowbox脚本放在滚动脚本之上,那么只有滚动才能工作。

我不确定是否需要提供更多信息来解释我的问题。据我所知,这些脚本导致问题并相互冲突。

2 个答案:

答案 0 :(得分:1)

使用jQuerytools,您只需要包含它和you get jQuery 1.6.4 for free(阅读快速启动,如果需要,可以从中删除jquery,请查看快速入门下方)。因此,通过将jQuery 1.3.1包含在jQuery工具之上,您将尝试加载同一工具包的两个不同版本(1.3.1和1.6.4),从而相互冲突并导致问题。

删除包含jquery 1.3.1的行并尝试。

答案 1 :(得分:0)

我遇到了jQuery插件以某种方式发生冲突的问题。 因此,经过一些研究后,我将两个脚本加载到html文档的头部,在连续分离的脚本标记区域之间。然后我用了:

window.onload = function() {function01(); function02();};

以有序的方式单独加载每个功能。

这次对我有用。