2024年4月
月 火 水 木 金 土 日
« 4月    
1234567
891011121314
15161718192021
22232425262728
2930  
4月20

jQueryとprototypeが衝突

PM 10:50
カテゴリー[WordPress]

先程の表示／非表示のテストを終了してwebに実装したら、表示しっぱなし。 :hatena03:
調べたらprototype.jsとjQuery.jsっていうJavaScriptのライブラリ同士が衝突してうまくいってないみたい。
prototype.jsって何使ってる？
Lightbox2で使ってた。（写真を動的に表示するプラグイン）
これは無くしたくないんで、対策を調べる。
jQuery.jsのライブラリには、衝突防止機能がそなわっているということ。

参考にしたサイト
jQueryと他のライブラリを同時に使用する方法
両方とも$関数を使用するので干渉してしまうみたいですね。
そこで、私が使用したコードは、
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script>
// jQueryの $ 参照を無効にします。
jQuery.noConflict();
// jQuery を $j に割り当てます。
var $j = jQuery;
// jQuery を使用する場合は、上で割り当てた $j を使用できます。
</script>

気を付けるのは、prototypeを先に読み込むこと。
上のコードを使うと、jQueryのライブラリを使う場所では$を$jと入れ替えます。
これで、私はOKでした。 :w02:

コメントをどうぞ

You must be logged in to post a comment.