JQuery変数のスコープを定義する、異なるjs - 単一のページ

Question

1つのページに2つのjがあります。 JSの一つで、私はvar jQuery = $.noConflict(true);をやっているし、別のjsでjQuery("#div").hide();

のように、jQueryオブジェクトを使用して、すべてのjQueryのメソッドを使用して、その後、私は$("#div").hide();

としてjQueryのメソッドにアクセスする従来の$変数&を使用しています私は2つのjsのどちらかを使用するページで、問題なく動作します。しかし、両方を含めると、2番目のjsの$はjQueryによって上書きされているようです。たとえば、js 2では私はもはや$("#div").hide()を実行できませんが、$の代わりにjQueryを使用すると、うまく動作します - jQuery("#div").hide();！

これは、最初のdivがプラグインとして別のWebサイトに配布され、2番目のjsがそのWebサイト開発者が作成したJqueryであるためです。

おかげで...私が間違ってどこに行くのです見つけ出す助けてください。

Answer 1

これを解決する最も簡単な方法は、プラグイン作成者が採用するパターンを使用することです。

この機能は、すぐに作成されて呼び出され、同時に変数を関数のスコープに渡すことができます。これを使用すると、コード内の$を参照して上書きしたり、競合することを心配する必要がなくなります。私のプラグインで、私はVAR myJqueryVar = jQueryの操作を行うと、私はjQueryのメソッドにアクセスするには、この変数を使用する場合

jQuery documentationは、このパターン

Answer 2

noConflictを使用しています.jQueryの保留は$です。それは同じ地球環境なので、それが別々のスクリプトにあるかどうかは関係ありません。

$を使用するスクリプトでは、.ready()ハンドラ内でその変数を定義します。

jQuery(function($) { 
    $('foo').bar(); 
}); 

Answer 3

ファイルのスコープを持っていない、あなたはページ全体のためにnoConflictで$を間接参照しました。何でも