木曜日, 2月 28, 2008

jQuery と prototype.js を同時に利用した際のコンフリクト回避

ちょっとはまっちゃうかもしれない感があるこの問題。
意外にあっさり解決できますよ。

以下を書いて、

<script type="text/javascript">
jQuery.noConflict();
var j$ = jQuery;



</script>


$('ぴよ');

ってなってる奴を

j$('ぴよ'); 
もしくは
jQuery$('ぴよ');

てやれば解決。

jQuery

jQuery();
j$();

prototype

(); ←今まで通り。


要は jQuery側の$の前に上記のおまじないをつければ、コンフリクトが回避で
きるのだ!!

んー、勉強になるなー。

あ、var j$ = jQuery.noConflict(); でもいいみたい。