スクリプトが動かない時はコレ！JQueryとprototype.jsの競合を避けるための方法！

04/10/2012

JQueryとprototype.jsを同時に使おうとすると、競合してそれぞれのスクリプトが動かない…よくある話ですが、こんな時の回避策のTipsです。

jQuery.noConflict();を使うと解決します。これはjQueryの変数に使われている「$」を「jQuery」に置き換えて競合を回避するというもの。ということなので、jQueryで使っている＄の箇所を全てjQueryに置き換えるだけでOKです。

たとえばこんなスクリプトの場合

$(function(){
        $("ul.sub_list").hide();
            $("ul#ul_menu>li").hover(function(){
                $("ul:not(:animated)",this).slideDown("fast")
            },
            function(){
                $("ul",this).slideUp("fast");
            })
     });

↓　↓　↓

jQuery.noConflict();
jQuery(function(){
        jQuery("ul.sub_list").hide();
            jQuery("ul#ul_menu>li").hover(function(){
                jQuery("ul:not(:animated)",this).slideDown("fast")
            },
            function(){
                jQuery("ul",this).slideUp("fast");
            })
     });

簡単に使えるのでおすすめです。

無料メルマガ＜特典付き＞

個人開発・ビジネスについての有益な情報を無料メルマガでお届けします。

特典：個人開発の教科書＜心得編＞

これまでの個人開発経験を秘伝のタレ的な内容としてエッセンスをまとめました。35ページにわたる大ボリュームです。

個人開発のスキルアップにMENTA

MENTAはいろんなプロに相談できるNo1メンターサービスです。

僕自身もプロダクトの壁打ち・相談にのっています。個人開発でもコードレビュー、セキュリティ面のチェック、デザイン、広告、コンテンツマーケ、SNS集客について相談する、など使えます。

YouTubeでも個人開発ノウハウを発信中！

PROFILE

入江慎吾
あらゆるスキルが学べるパーソナルメンターサービスMENTAの代表／個人開発が好きでこれまでに30個ほどのWEBサービスやアプリを作ってきました／福岡のWEB制作会社勤務→フリーランスエンジニア→法人立ち上げ→M&A億単位の売却を経験。（詳しいプロフィール）