prototypeとjQueryの共存について

カテゴリ: JavaScript, jQuery

記事投稿日: 2013年4月5日



個人的には共存は極力避けた方がいいと思います。

お客様の現場で事例があったので、どういった
使われ方があるのか、確認してみました。

① まず以下の順番で読み込みます。
prototype
jQuery

② クロージャ内はjQuery、その外はprototypeとする方法
jQuery.noConflict();
jQuery(document).ready(function($){
// ここでは、$はjQueryとして使えます。
});
// ここでは、$はprototype.jsの動作をします

③ 両方ともクロージャ内で書く場合
jQuery.noConflict();
jQuery(document).ready(function($){
// $はprototypeの動作となり、 // jQueryオブジェクトとしてはjQuery()と表記する
});

④ jQueryと書くのが冗長なら、短縮もできる
jQuery.noConflict();
j$ = jQuery;

j$(document).ready(function() {
j$(“.navi dt”).click(function(){
j$(this).css(“cursor”,”pointer”);
}
});

※既存のjQueryのコードがあれば、
$をj$に一斉置換できます。

②のやり方がシンプルで気に入りました。

参考記事
「protoype.jsと同時に使うには」
http://semooh.jp/jquery/ref/cont/with_prototype/








コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA




トップに戻る