我正在尝试使用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)
