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

  • このエントリーをはてなブックマークに追加
2012/04/10 (2016/09/14更新) カテゴリー:開発奮闘記 タグ: , ,

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

SPONSOR

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");
            })
     });

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

  • このエントリーをはてなブックマークに追加
SPONSOR
IRITECはITエンジニアが「コンテンツで集客・広告収入を得る」「お客様の話をきいて価値を提案できる」 「自分で考えたアプリで収益を上げる」など、エンジニアが生き残っていくための情報をお届けしているビジネスハックメディアです。

無料メールマガジンを購読すると特典があります!

COMMENT

コメントをどうぞ

RELATION

関連する記事

RECOMMEND

おすすめの記事

TAG

タグから記事をさがす

PROFILE

イリテクのプロフィール

イリテクはWEBシステム・スマホアプリ開発を得意とする制作会社です!
入江 慎吾/イリテク株式会社 代表取締役
1982年生まれ。長崎県 五島列島出身。福岡のWeb制作会社で10年間、ディレクション、Webデザイン、システム開発に従事。 その後、趣味で始めたiPhoneアプリ開発をきっかけにフリーランスとして独立後、2014年にイリテク株式会社として法人化。(もっと詳しいプロフィール)

PRODUCT

イリテクで開発したプロダクト

SPONSOR