javascript – JQuery版本冲突

我正在尝试使用Nivo JQuery Slider(http://nivo.dev7studios.com/)和Scrollable gallery(http://flowplayer.org/tools/demos/scrollable/index.html).

现在我遇到了一个问题,基本上Nivo Slider使用这个JQuery库：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

和Scrollable gallery使用这个：

<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>

当两者都启用时,只有缩略图库工作(因为它的脚本导入是在nivo之后完成的),当启用1.42版本时只有Nivo可以工作,而当只启用1.2.5版本时,只有可滚动图库工作.

我该怎么办？

解决方法

如果你不能为这两个插件使用单个jQuery文件,请使用此解决方案：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
  var jQuery_1_4_2 = jQuery.noConflict();
</script>
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>

要使用jQuery 1.4.2,请将代码放在SEF(Self Executing Function)中,如下所示：

(function($){
   //code using jQuery 1.4.2
   //here the $variable will be the jQuery object of 1.4.2
})(jQuery_1_4_2)

对于jQuery 1.2.5,您可以直接使用$variable.

更新：
根据您的评论,以下是使用它的方式.

如果要使用jQuery 1.4.2,请使用jQuery_1_4_2对象
例如：jQuery_1_4_2(“#abc”).slider(选项)

如果你想使用jQuery 1.2.5使用$或jQuery对象例如：$(“#abc”).scrollable(options)