jQuery库与其他库冲突的解决方法

原因分析:

当一个项目中引入多个第三方库的时候,由于没有命名空间的约束(命名空间就好比同一个目录下的文件夹一样,名字相同就会产生冲突),库与库之间发生冲突在所难免。原因之一是其他库使用“$”作为基准起始符。一下是搜集的两种解决方案。

  1. 将jQuery 库在其他库之前引入,那么“$”的所有权就归其他库所有,而jQuery 可

    以直接用jQuery 对象调用,或者创建一个“$$”符给jQuery 使用。

    var $$ = jQuery; //创建一个$$的jQuery 对象

    $(function () { //这是其他库的$

    alert($('#box').ge(0)); //这是其他库的$

    alert($$('#box').width()); //这是jQuery 的$$

    });

     

  2. 如果将jQuery 库在其他库库之后引入,那么“$”的所有权就归jQuery 库所有,而其他库

    库将会冲突而失去作用。这里,jQuery 提供了一个方法:

    jQuery.noConflict(); //将$符所有权剔除

    var $$ = jQuery;

    $(function () {

    alert($('#box').ge(0));

    alert($$('#box').width());

    });

posted @ 2014-07-23 09:39  ybyi  阅读(275)  评论(0)    收藏  举报