DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery常見問題 >> 使用jQuery.noConflict()的兩種方式
使用jQuery.noConflict()的兩種方式
編輯:JQuery常見問題     
運行這個函數將變量$的控制權讓渡給第一個實現它的那個庫。

這有助於確保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:

//我的一個站點

var keleyi = jQuery.noConflict();

// 基於 jQuery 的代碼

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

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

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

這樣就不用因為JQuery和其它的JS框架有沖突,而犯愁了。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved