異なるJqueryバージョンを矛盾なく使用する

Question

だから、状況を考えてみましょう。私はJquery 1.4.2をJqueryのメインバージョンとして使用するウェブサイトを持っています。 しかし、ユーザーは他のバージョン（1.2.1,1.5.1など）を使用しているカスタムテンプレートを使用することができます。だから、それはいくつかの状況でそれが矛盾をもたらす。ここで例えば
、

//included in my main view 
<script type="text/javascript" src="jquery-1.4.2.min.js" ></script> 
<script type="text/javascript"> 
     $(function() { 
       alert($().jquery); 
      }); 
</script> 

//included in custom template 
<script type='text/javascript' src='jquery-1.5.1.min.js'></script> 
<script type="text/javascript"> 
     $(function() { 
      alert($().jquery); 
     }); 
</script> 

ので、それらの両方は、1.5.1（なぜなら文書の準備ができたときに初期化する）警告しています。だから私はこのような状況を避けたい。

今、私は私の頭の中で唯一の解決策を取得しました - 私のサイトで使用されているすべてののプラグインをnoConflict(true)を使用してに新しいシンボルにすべて$とJquery記号を変更します。
より洗練されたソリューションがありますか、または私のサイトで使用されているすべてのプラグインの名前を本当に変更する必要がありますか？

P.S.別の方法として、下位互換性のあるプラグインを使用しているかもしれませんが、この状況では、すべてのバージョンと互換性を持たせるために多くのプラグインを含める必要があります。

Answer 1

ルックjQuery.noConflict()

**//included in my main view** 
<script type="text/javascript" src="jquery-1.4.2.min.js" ></script> 
<script type="text/javascript"> 
     $(function() { 
       alert($().jquery); 
      }); 
</script> 

**//included in custom template** 
<script type='text/javascript' src='jquery-1.5.1.min.js'></script> 
<script type="text/javascript"> 
     $151 = jQuery.noConflict(); 
     $151(function ($) { // In this scope $ === $151, or jQuery 1.5.1 
      alert($().jquery); 
      // $ !== jQuery. 
      // $().jquery = 1.5.1 
      // jQuery().jquery = 1.4.2 
     }); 
     // outside the scope 
     // $ === jQuery 
     // $().jquery returns 1.4.2 
</script> 

---

でjQuery.noConflictを使用する方法（）;

var j = $.noConflict()

HTML：：

<script type="text/javascript" src="jquery-1.4.2.min.js" ></script> 
<script type='text/javascript' src='jquery-1.5.1.min.js'></script> 

はJavaScript：

// jQuery === $ 
//$().jquery === 1.5.1 

$.noConflict()はjQueryののコピーを返し、あなたはそれをそうのような変数をキャプチャすることができます。

jQ151 = $.noConflict(); 

。

// jQ151 !== $ 
// jQ151().jquery === 1.5.1 
// $().jquery === 1.4.2 

---

jQuery.ready(function() {..で

または単にjQuery(function() {..最初の引数はjQueryののローカルコピーです：プラグインが適切に構成されている場合は

<script type="text/javascript" src="jquery-1.4.2.min.js" ></script> 
<script type="text/javascript"> 
    jQuery(function($) { 
     // in this scope $ refers to jQuery version 1.4.2 
    }); 
</script> 
<script type='text/javascript' src='jquery-1.5.1.min.js'></script> 

<script type="text/javascript"> 
    jQuery(function($) { 
     // in this scope $ refers to jQuery version 1.5.1 
    }); 
</script>