Unavailable: jQuery與其他library的相容問題

以前傻傻的沒碰過，到了真的遇到其他 javascript library 也用 $ 當變數的時候，要改起來的時候還真有些麻煩咧...好在官方也不是傻子，他們提供了一個方便又好用的函式 jQuery.noConflict，可以將 $ 的控制權釋放出去，於是就有了下列幾種解法：

jQuery 程式碼包成函式

jQuery.noConflict();
(function($) {
   //Write you jQuery code here, use $ instead of jQuery...
   $('div').html('testing');
})(jQuery);

將程式碼包在一個函式裡面，將 jQuery 作為一個參數傳遞進去，在接收時就可以任意命名了 (這裡是使用預設的 $ )，缺點是只有在這函式內可以使用 $，有 scope 上的限制

用其他別名取代 $

var j = jQuery.noConflict();
//Do something with jQuery...
j('input').hide();
//Do something with another library's $
$.something();

宣告一個變數接受 jQuery.noConflict() 回傳的值，就可以直接當成別名使用了

直接使用原來的變數名稱

jQuery.noConflict();
//Do something with jQuery...
jQuery('input').hide();
//Do something with another library's $
$.something();

跟上面那個沒什麼不同，變數名稱的差異而已

自己寫的網頁應該是不容易發生這種問題，倒是如果要改別人寫的東西，要加東加西時最好先看一下用了哪些 library，避免浪費無謂的時間。

Unavailable