javascript - JQuery 版本冲突

Question

我正在尝试使用 Nivo JQuery Slider (http://nivo.dev7studios.com/) 和可滚动画廊 (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> 

并且可滚动画廊使用这个:

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

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

我该怎么办？

Answer 1

如果您不能为两个插件使用一个 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(自执行函数)中，如下所示:

(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，您可以直接使用 $ 变量。

更新: 根据您的意见，以下是使用方法。

如果要使用 jQuery 1.4.2，请使用 jQuery_1_4_2 对象
例如:jQuery_1_4_2("#abc").slider(options)

如果您想使用 jQuery 1.2.5，请使用 $ 或 jQuery 对象
例如:$("#abc").scrollable(options)