jump to navigation

jQueryと他のライブラリを同時に使用する方法 7月 7, 2009

Posted by hyhy in 技術情報.
Tags: ,
comments closed

他のライブラリと同時に使用するには、jQuery による $ 関数の上書きを元に戻す jQuery.noConflict() メソッドを実行します。実行後、jQuery を使用する場合は、$ 関数 の代わりに jQuery を使用するか、別のショートカットを割り当てます。

また、無名関数の引数に jQuery を渡し、仮引数に $ を使用すれば「(function($) { … })(jQuery);」、そのコードブロック内で jQuery の $ 関数を使用することが可能です。(そのコードブロック内では、他のライブラリの $ 関数は使用できなくなります。)

例1)prototype.js と同時に使用する場合(javascriptコード)
——————————————————————
// jQueryの $ 参照を無効にします。
jQuery.noConflict();
// jQuery を $j に割り当てる場合
var $j = jQuery;

// jQuery を使用する場合は $ の代わりに jQuery を使用します。
jQuery(function() {
jQuery(“div > p”).slideUp(“slow”);
//$j(“div > p”).slideUp(“slow”);
});

// $ は Prototype を使用します。
$(“myId”).addClassName(“myClass”);
——————————————————————
※prototype.jsとjQueryを同時に使う場合、prototype.jsを先に読み込むようにする必要があります。

参考サイト
参考サイト2

広告