adaptable:トータルWebクリエイト

こんにちは、Webのいろんな話を書きます。

jQueryとPrototypeを同時に使う方法

 カテゴリー:Webバナ

cakephpのAjaxヘルパーを導入した際に、prototype.jpを読み込みます。
しかし、prototype.jpを読み込むとjQueryの「$」が機能しなくなりますので、下記の「jQuery.noConflict();」が必要になってきます。

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>

必ず上記の順にコーディグしてください。
※「jQuery.noConflict();」はjQuery による「$」関数の上書きを元に戻す

その後は、「$」を「jQuery」に書き換えて通常にjQuery構文をコーディングすれば処理が実行されます。

No responses yet