SSブログ

mootoolsやprototypeとjQueryを一緒に使う方法 [javascript]

こちらの記事を参照に実際にやってみました。

外部ファイルの差込とイメージメニューの組み合わせで、動きません。
<script type="text/javascript" src="jquery.js" mce_src="jquery.js"></script> <script type="text/javascript"><!-- $(function(){ $("#content").load("content.html"); }); // --></script> <script type="text/javascript" src="../_common/js/mootools.js"</script> <script type="text/javascript" src="imageMenu.js"></script>

これを改造して、競合しないようにしました。noConflict()で避けます。
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(function(){ jQuery("#content").load("content.html"); }); </script> <script type="text/javascript" src="../_common/js/mootools.js"></script> <script type="text/javascript" src="imageMenu.js"></script>

$印をjQueryに書き換える事を忘れずに。あ~すっきりした!chibatchさんに感謝です。
そういえば、Web Creators 2009/7月号のp45にも掲載されていました。記事にはprototypeとjQueryになっていますが、手法は同じでした。イザと言う時に記事が見つからないので・・・・無念です。


nice!(0)  コメント(0) 
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。