jQueryとprototype.jsの競合について

Question

prototype.jsを参照している既存ページにjQueryのコードを組み込むことになったのですが、元々動いていたjavascriptの処理が上手く動作しなくなってしまいました。
"$"の競合が原因と指摘されたのですが、競合させないためにはどのような対処法がありますか？

Answer 1

jQuery側には、$をjQueryで使わずに解放する機能があります。

【方法1】グローバルで別の名前に置き換える
prototype、jQueryの順で読み込んだ上で、グローバルで
var $j=jQuery.noconflict();
とすれば、$はprototypeのものに戻り、$jをjQueryオブジェクトとして使えます。

【方法2】readyの中だけ$を切り替える
先程のnoConflictを実行した場合でも、jQueryのreadyの中では$を使用できる方法があります。readyに渡す関数には、第1引数としてjQueryオブジェクトが渡りますので、それを$で受け取れば、関数内では$をjQueryとして使えます。
`

jQuery.noconflict(); //グローバルな$はprototypeのものに戻る

jQuery(document).ready(function($){
//ここでは$がjQuery
});

jQuery(function($){
//上の短縮形
});
`

Comments

[suminotky]

分かりやすく教えていただき、ありがとうございました！