jQuery.noConflict()


運行這個函數將變量$的控制權讓渡給第一個實現它的那個庫。

這有助於確保jQuery不會與其他庫的$對象發生沖突。

<script type="text/javascript" src="/javascripts/jquery.js"></script>
    <script type="text/javascript">
       var j$ = $;
       jQuery.noConflict();
    </script>

<script type="text/javascript" src="/javascripts/prototype.js" ></script>

在運行這個函數后,就只能使用jQuery變量訪問jQuery對象。例如,在要用到$("div p")的地方,就必須換成j$("div p")。

注意:這個函數必須在你導入jQuery文件之后,並且在導入另一個導致沖突的庫之前使用。當然也應當在其他沖突的庫被使用之前,除非jQuery是最后一個導入的。

 

使用方式1:

jQuery.noConflict();

// 使用 jQuery

j$("div p").hide(); 

// 使用其他庫的 $() 

$("content").style.display = 'none'; 

 

使用方式2:

//我的一個站點 viqiwu.com

var viqiwu = jQuery.noConflict();

// 基於 jQuery 的代碼

viqiwu("div p").hide(); 

// 基於其他庫的 $() 代碼 

$("content").style.display = 'none';

這樣就不用因為JQuery和其它的JS框架有沖突,而犯愁了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM