解决jquery插件冲突的问题

今天做了一个例子，用jquery和jquery插件 lightbox做了图片浮动放大效果，没有任何问题。

然后再加了一个 导航栏的js，结构导航的js和图片浮动放大的js发生了冲突，

要么就只有导航栏的js有效，要么就只有图片浮动js有效。

结果上网搜了搜，解决办法有如下

jQuery.noConflict()

概述
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。

这有助于确保jQuery不会与其他库的$对象发生冲突。

在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。

'''注意:'''这个函数必须在你导入jQuery文件之后，并且在导入另一个导致冲突的库'''之前'''使用。当然也应当在其他冲突的库被使用之前，除非jQuery是最后一个导入的。示例

描述:
将$引用的对象映射回原始的对象。

jQuery 代码:
jQuery.noConflict();
// 使用 jQuery
jQuery("div p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';

描述:
恢复使用别名$，然后创建并执行一个函数，在这个函数的作用域中仍然将$作为jQuery的别名来使用。在这个函数中，原来的$对象是无效的。这个函数对于大多数不依赖于其他库的插件都十分有效。

jQuery 代码:
jQuery.noConflict();
(function($) { 
  $(function() {
    // 使用 $ 作为 jQuery 别名的代码
  });
})(jQuery);
// 其他用 $ 作为别名的库的代码描述:
创建一个新的别名用以在接下来的库中使用jQuery对象。

jQuery 代码:
var j = jQuery.noConflict();
// 基于 jQuery 的代码
j("div p").hide();
// 基于其他库的 $() 代码
$("content").style.display = 'none';

jQuery.noConflict();
(function($) { 
  $(function() {
    // 使用 $ 作为 jQuery 别名的代码  我把导航的js代码写在这中间就行了
  });
})(jQuery);
// 其他用 $ 作为别名的库的代码

全局的对象都很好地存储在jQuery命名空间里，因此当把jQuery和其它javascript类库一起使用时，不会引起冲突.(注意：默认情况下，jQuery用$作为自身的缩写而以） 如果jQuery类库和别的类库冲突的话，可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的javaScipt库。看下面小片断代码 <script type="text/javascript" src="../JS/JsCOM.js"></script> <script type="text/javascript" src="../jQuery/jquery-1.3.2-vsdoc2.js"></script> 假设JsCOM.js库中，有这样一个函数 function $(objName) {
if (document.getElementById) {
return eval('document.getElementById("' + objName + '")')}else {return eval("document.all." + objName)
} 大家都知道jQuery里面也一个这样的函数，为了不引起冲突，我们将jQuery的变量$的控制权移交出给别的javascript库 jQuery.noConflict(); //将变量$的控制权移交给JsCOM.js
var $cr = jQuery("#cr"); //照样使用jQuery类库，只是用jQuery代替了原来的$而以。
var JsCOM_cr = $("cr"); //使用JsCOM.js类库 在这里可以把jQuery()函数作为jQuery对象的制造工厂.在这里要注意几点
1.引用javascript类库时，一定要把jQuery引用放在最后面，就像上面一样，JsCOM.js的引用在jQuery引用的前面（具体原因我也不知，不过确实需要这样）
2.特别要注意jQuery()代替$()时，jQuery是区分大小写的，因为javascript本身就是区分大小写的（好像说这个有点多余，不过还是希望大家不要犯这种错误） 基本上根据上面的方法就可以解决jQuery和其它库的冲突问题了！如果你觉得上面的方式不爽，每次都要打jQuery来代替$增加了您敲键盘的工作量，那请接着看。。 除上面之外，还有另一种选择。如果想确保jQuery不会与其它库冲突，但又想自定义一个快捷方式，可以进行如下操作; var $j = jQuery.noConflict(); //自定一个快捷方式
var $cr = $j("#cr"); //使用jQuery类库，得用自定义快捷方式----$j;
var JsCOM_cr = $("cr"); //和上一段代码一样，使用的是JsCOM.js类库如果您还有别的要求，想继续使用原先的$()，同时还需要与别的类库不冲突的话，还有两种解决方法 其一： jQuery.noConflict(); //将变量$的控制权让给JsCOM.js
jQuery(function($){$("p").click(function() //在函数内继续可以使用jquery类库的$()方法{alert($(this).text());})}) var JsCOM_cr = $("cr"); // 在函数外面，照样可以使用JsCOM.js的$()方法 其二： jQuery.noConflict(); //将变量$的控件权移交给别的类库，使用jquery类库的$符号时，请使用jQuery("#id");
$("div").click(function() {//继续使用$()方法
alert($("cr")); //使用的是jsCOM.js类库中的$()函数第二种方法应该是兼容旧的代码最好的方式，修改的代码是最少的！