« ボタン付きのスライドショーを実装するjQueryプラグイン「Slides」 #jQuery | トップページ | jQueryMobileで使える960GridSystem »

2011年8月22日 (月)

JavascriptライブラリーとjQuery

今回はご質問をいただきました事を記事にさせていただきます。
prototype.js等のJavascriptライブラリーを導入している場合、jQueryが正しく動作しない場合があります。
これはライブラリファイル同士が干渉し合ってしまい、衝突をおこしてしまいます。
jQuery.noConflict(); を使って衝突を回避する方法をご説明します。

head要素に以下のスプリクトを追加します。

<script type="text/javascript">
 jQuery.noConflict();
</script>

さらにjQueryのスクリプトの中に書かれている「$」を「jQuery」に変換して記述します。

変換前
$(function(){
 $('#selector').sample({
~~~~~~~~~~~~~~~~~
中略
~~~~~~~~~~~~~~~~~
 });
});

変換後
jQuery(function(){
 jQuery('#selector').sample({
~~~~~~~~~~~~~~~~~
中略
~~~~~~~~~~~~~~~~~
 });
});

|

« ボタン付きのスライドショーを実装するjQueryプラグイン「Slides」 #jQuery | トップページ | jQueryMobileで使える960GridSystem »

jQueryの使い方」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1378074/41275168

この記事へのトラックバック一覧です: JavascriptライブラリーとjQuery:

« ボタン付きのスライドショーを実装するjQueryプラグイン「Slides」 #jQuery | トップページ | jQueryMobileで使える960GridSystem »