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

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"); }) });
簡単に使えるのでおすすめです。
SHARE
PROFILE

入江 慎吾
Webサービスを作るのが大好きです。制作会社10年→フリーランス→受託をやめサービス開発に専念。プログラミングのメンターサービスMENTAは月間流通額約1,300万を突破🚀 YouTubeでは個人開発について語ってます / 「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営(詳しいプロフィール)
Webサービスを作るのが大好きです。制作会社10年→フリーランス→受託をやめサービス開発に専念。プログラミングのメンターサービスMENTAは月間流通額約1,300万を突破🚀 YouTubeでは個人開発について語ってます / 「自分のサービスで生きていく」をコンセプトに個人開発オンラインサロン「入江開発室」を運営(詳しいプロフィール)