Latest web development tutorials

jQueryのnoConflict()メソッド

どのページにjQueryと他のフレームワークを使用するには?


jQueryと他のJavaScriptフレームワーク

あなたが学んだように、jQueryのは、jQueryの省略形として$記号を使用しています。

他のJavaScriptフレームワークは、実行する方法の省略形として$記号を使用する場合は?

他のいくつかのJavaScriptフレームワークが含まれます:MooToolsは、バックボーン、サミー、カプチーノ、ノックアウト、JavaScriptのMVCは、Google Web Toolkitを、Googleの閉鎖、エンバー、バットマンとのExt JSを。

いくつかのフレームワークは、あなたの両方が同じ略語を使用している別のフレームワークを使用している場合、それはスクリプトの実行を停止することがあり、(jQueryのような)速記として$記号を使用しています。

jQueryのチームは、この問題を検討し、()メソッドnoConflictを実現します。


jQueryのnoConflict()メソッド

他のスクリプトがそれを使用できるようにnoConflict()メソッドは、コントロールをリリースする予定は、$識別子になります。

もちろん、あなたはまだjQueryのを使用する別の方法の完全な名前の略記することができます。

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍然在工作!");
});
});

»をお試しください

また、独自の省略形を作成することができます。 noConflict()はjQueryのへの参照を返し、後で使用するために変数にそれを置くことができます。 この例を考えてみます。

var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery 仍然在工作!");
});
});

»をお試しください

あなたは$の速記jQueryのコードブロックを使用し、このショートカットを変更したくない場合は、準備メソッドに引数として渡された$記号を置くことができます。 あなたが関数に$記号を使用することができるように - と外部の機能、まだ我々は "jQueryの"を使用する必要があります。

$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery 仍然在工作!");
});
});

»をお試しください