多库共存-冲突问题

Posted 2020-10-19 Me*淡定

多库共存-冲突问题

我们在做项目的时候，需要引入2个库，但是这个2个库的功能我们都可能会用到，但会出现冲突问题。

这时候我们需要让 其中一个放弃$的使用，让放弃$使用者，使用 jquery。

 

$.onConflict:放弃版本高的$的使用权

//后引入的jq库会把前面的覆盖掉
    //一般版本高的jq写在下面，版本低的写在上面（版本由高低到高写的）
    //因为，低版本覆盖不掉高版本的功能 容易出现问题
    //后期放弃$的使用，也是先放弃高版本的
    <script src="jquery-1.8.2.min.js"></script>
    <script src="jquery-1.11.1.js"></script>
    <script>
        jQuery(function(){
           // 打印版本号
           // 获取的是，1.11.1
            console.log($.fn.jquery);

            //让1.11.1 放弃$的使用，每个库都有$ jQuery来个对象
            //放弃第一个，第二个还可以使用
            $.noConflict();

            //打印的是1.8.2 说明1.11.1 放弃了$的使用，使用权归1.8.2
            //用$调用的都是1.8.2库的功能
            console.log($.fn.jquery);

            //打印的是1.11.1 用jquery调用的功能都是1.11.1库
            console.log(jQuery.fn.jquery);
        })
    </script>

var new=$.onConflict(true) :放弃俩个版本号$的使用权

//放弃俩个符号的使用权（$ jquery）
            var MrLe= $.noConflict(true);
            console.log($.fn.jquery);   //打印1.8.2 俩个使用权都归他所以
            console.log(jQuery.fn.jquery);  //打印1.8.2 俩个使用权都归他所以
            console.log(MrLe.fn.jquery); //打印1.11.1 MrLe使用权是1.11.1