2009年09月07日
prototype.jsとjQueryのコンフリクト回避
prototype.jsとjQueryを同時に利用する場合、
コンフリクト（衝突）が発生しますので、その回避方法です。
<html> <head> <!-- 1． prototype.js、jQueryの順に読み込む --> <script src="prototype.js"></script> <script src="jquery.js"></script> <!-- 2． jQueryの $(); を別名に変更する --> <script> jQuery.noConflict(); var j$ = jQuery; </script> </head> <body></body> </html>
これで、
prototype.jsでは、$();と記述し、
jQueryでは、j$();と記述すればよいことになります。
この回避策にたどりつくのは難しくないですが（ネットにたくさん情報があるので）、
prototype.jsとjQueryがコンフリクトしていることに気付くのは易しくない気がします。
コメントを投稿