jQuery 與其它 js(Prototype) 庫相容共存

 

解決 jQuery 與其它 js(Prototype) 庫衝突的方法很簡單，就是使用 jQuery 的 jQuery.noConflict() 函數。

一、在運行這個函數後，可以恢複使用別名 $ ，在這個函數的範圍中仍然將 $ 作為 jQuery 的別名來使用。

jQuery Code：

jQuery.noConflict();(function($) {  $(function() {    // 使用 $ 作為 jQuery 別名的代碼  });})(jQuery);// 基於其他庫用 $ 作為別名的代碼

 

二、在運行這個函數後，可以建立一個新的 jQuery 別名來替換原來的 jQuery 別名 $ 來使用。

jQuery Code：

var j = jQuery.noConflict();// 使用新別名 jQuery 的代碼j("div p").hide();// 基於其他庫用 $ 作為別名的代碼$("content").style.display = 'none';

 

注意：這個函數必須在你匯入 jQuery 檔案之後，並且在匯入另一個導致衝突的庫之前使用。