萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 解析jQuery與其它js(Prototype)庫兼容共存

解析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 文件之後,並且在導入另一個導致沖突的庫之前使用。

copyright © 萬盛學電腦網 all rights reserved