首頁 > web前端 > js教程 > 主體

jQuery $命名衝突解決方案匯總_jquery

WBOY
發布: 2016-05-16 16:31:36
原創
1432 人瀏覽過

最近遇到個問題,同時引用了jquery函式庫和另外一個js函式庫。當用$XX去呼叫js函式庫函數時,發現失效了!於是找資料,原來是jquery命名衝突了。因為許多JavaScript 函式庫使用$作為函數或變數名,jquery也是一樣。其實$只是jquery的一個別名而已,假如我們需要使用jquery 以外的另一個js函式庫,我們可以透過呼叫 $.noConflict() 來傳回控制權。以下是收集到解決這問題的五種方案,總有一種你會用得上的。

例一:

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



衝突解決1






test---prototype


test---jQuery





例二:

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



衝突解決2






test---prototype


test---jQuery





例三:

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



衝突解決3






test---prototype


test---jQuery





例四:

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



衝突解決4






test---prototype


test---jQuery





例五:

複製程式碼 程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >



衝突解決5




頭>

測試---原型


測試---jQuery



jQuery(function(){   //直接使用 jQuery ,無須呼叫「jQuery.noConflict()」函數。 
    jQuery("p").click(function(){       
        警報( jQuery(this).text() ); 
    }); 
}); 
$("pp").style.display = '無'; //使用原型
腳本>
正文>

看,原來解決問題的方法可不只一個呢,有需要的小夥伴們自己來取吧

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!