prototype.js と jQuery.js を同時に使用しなければならないサイトがあり、片方が動作していないことに気づく。
JavaScriptのパスを消すと、片方ずつでは動作するのでJavaScriptがコンフリクトしているのかなと思い、ぐぐってみる。
「ウェブネタメモ帳-web material memo pad-」さんのサイトを参考にさせていただき解決したのでメモっておく。
jQuery.jsと prototype.jsを同時使用した場合のコンフリクトを回避する方法
記述は”prototype.js”を先に書く。
その後に以下を追記。
<script type="text/javascript"> jQuery.noConflict(); var j$ = jQuery; </script>
その後に
“switch.js”と”scriptaculous.js”を記述。
今回jQueryは”switch.js”を使用しているので
“switch.js”の以下を変更
“$(” を “jQuery(” に全置換
これでコンフリクトが回避できました。
参考サイト様に感謝です。
