Bootstrap 4同じページに複数のjQueryバージョンを使用する方法

Question

jQuery 2.2.4とjQuery 3.1.1を使用したいWebサイトで作業しています。 フクロウカルーセル2のバージョン2.2.4を使用したいのですが、私の標準固定ナビをブートストラップ4アルファから動作させるには3.1.1が必要です。しかし

、私の両方が..

<script type="text/javascript" src="/js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>

...のみのメニューに機能するかを次の行を追加します。これは私のフクロウカルーセル2初期化子です：私は他のトピックを検索し、）（noConflictに出くわしてきた

$('.owl-carousel').owlCarousel({ 
     loop: true, 
     margin: 30, 
     nav: false, 
     responsiveClass: true, 
     responsive: { 
      0: { 
       items: 1 
      }, 
      600: { 
       items: 2 
      }, 
      1000: { 
       items: 3, 
       loop: false, 
       dots: true 
      } 
     } 
    }) 

。このオプションを実装する方法はわかりません。

私のカルーセルにはv2.2.4が必要です。固定ナビゲーションバー（イニシャライザなし）にはv3.1.1が必要です。問題が発生することなくこれをどうすればできるのですか？

Answer 1

はい、jQueryのnoconflictモードが原因です。

<!-- load jQuery 2.2.4 --> 
<script type="text/javascript" src="jquery-2.2.4.min.js"></script> 
<script type="text/javascript"> 
var jQuery_2_2_4 = $.noConflict(true); 
</script> 

<!-- load jQuery 3.1.1 --> 
<script type="text/javascript" src="jquery-3.1.1.min.js"></script> 
<script type="text/javascript"> 
var jQuery_3_1_1 = $.noConflict(true); 
</script> 

その後、代わりに$（ '＃セレクタ'）関数は、（）;,あなたは

jQuery_2_2_4（ '＃セレクタ'）を使用する必要があります機能を（）。。。 OR jQuery_3_1_1（ '＃selector'）。関数（）;