解決jquery和其餘庫的衝突

1、jquery在其餘庫以後導入jquery

(1)jQuery.noConflict();  // 將變量的$控制權轉交給其餘庫。
         jQuery(function(){
                //代碼
         });
 
        $("pp").click();     //其餘庫
 
(2)var $j = jQuery.noConflict();   // 自定義快捷方式
         $j(function(){
                //代碼
        });
 
        $("pp").click();     //其餘庫   
 
(3)若是不想給jquery自定義名稱,可是還想使用$
    1 . jQuery.noConflict();  //將變量的$控制權轉交給其餘庫。
         jQuery(function($){     // 傳入$便可
                $("p").click();
         });
 
        $("pp").click();     //其餘庫
    2 . jQuery.noConflict();  //將變量的$控制權轉交給其餘庫。
         (function($){     // 定義匿名函數並設置形參爲$
                $(function(){  //匿名函數內部的$均爲jquery
                         $("p").click();
                })
            })(jQuery);
 
        $("pp").click();     //其餘庫
 
2、在其餘庫以前導入
         jQuery(function(){     // 直接使用jquery,無需調用 jQuery.noConflict(); 
                jQuery("p").click();
         });
 
        $("pp").click();     //其餘庫
相關文章
相關標籤/搜索