javascript - Jquery競合なしjquery-1.7.1.min.js

Question

私はあまり詳しくありませんjQuery.noConflict。私はそれを数回実装しようとしましたが、間違っていると感じています。

「jquery-1.7.1.min.js」でnoConflictを設定する方法はありますか? 実際のファイルに入れるか、インデックスのヘッダーに入れるか、またはその両方に入れますか? 例に従おうとしましたが、間違っていることはわかっています。

ガイダンスや簡単な例は、私を大いに助けてくれます!

Answer 1

var foo = $.noconflict();
foo('body').addClass('bar');

新しいエイリアスを割り当てるか（上記のように）、呼び出し$.noConflictて使用できるようにすることがjQueryできます。ただし、エイリアスを選択した場合は、jQuery を参照するたびにその新しいエイリアスを使用する必要があります。

ただし、noConflict を有効にできますが、匿名関数を使用して必要に応じて利用できることに注意してください。

// disable $ and force use of myJQ
var myJQ = jQuery.noConflict();
(function($){
  //
  // be able to use $ within this block and have it mean jQuery
  //
  $('body').addClass('foo');
})(myJQ);

// we're outside the block, now we're back to myJQ
myJQ('body').removeClass('foo');

Answer 2

競合モードは使いやすいです。jQuery および jQuery に依存するライブラリをロードした直後にこれを含めます。

var $j = jQuery.noConflict();

$次に、すべてに使用する代わりに、次を使用し$jます。

var elements = $j('.class-name');

Answer 3

次の例を試しましたか。

http://api.jquery.com/jQuery.noConflict/

それがすべてを物語っていると思います。ブラウザ コンソールをチェックして、エラーを確認します。

Answer 4

noConflictjQueryコードを匿名関数でラップするだけでなく、呼び出しを使用することをお勧めします。これにより、次の方法でjQueryを呼び出すことができます$。

jQuery.noConflict();
(function ($) {
    // Now you can use $ to call jQuery
}(jQuery));