Jqueryで競合を削除するにはどうすればよいですか？

Question

私はJQueryを初めて使用しています。私は自分のページに2つのjQueryを使用しています。

最初のjQueryのための私のスクリプトは、このようなものです：私はこのような第二のjQueryを使用する場合

<script> 
    var jq = $.noConflict(); 
    jq(function() { 
     jq("#my_tabs").tabs({ 
     event: "click" //click 
     });    
    }); 
</script> 

は、今私は私の最初のjQueryを失いました。読み込めません

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#waterwheel-carousel-default").waterwheelCarousel(); 

    $("#waterwheel-carousel-higharch").waterwheelCarousel({ 
     startingWaveSeparation: -90, 
     waveSeparationFactor: .7, 
     centerOffset: 10, 
     startingItemSeparation: 120, 
     itemSeparationFactor: .9, 
     itemDecreaseFactor: .75 
    }); 

    $("#waterwheel-carousel-horizon").waterwheelCarousel({ 
     startingWaveSeparation: 0, 
     centerOffset: 30, 
     startingItemSeparation: 150, 
     itemSeparationFactor: .7, 
     itemDecreaseFactor: .75, 
     opacityDecreaseFactor: 1, 
     autoPlay: 1500 
    }); 

    $("#waterwheel-carousel-flat").waterwheelCarousel({ 
     itemSeparationFactor: 1, 
     itemDecreaseFactor: 1, 
     waveSeparationFactor: 1, 
     startingWaveSeparation: 0, 
     startingItemSeparation: 280, 
     centerOffset: 10, 
     opacityDecreaseFactor: .3, 
     autoPlay: 3000, 
     edgeReaction: 'reverse' 
    }); 

    $("#waterwheel-carousel-vertical").waterwheelCarousel({ 
     orientation: 'vertical', 
     startingItemSeparation: 100, 
     startingWaveSeparation: 40, 
     autoPlay: 2000 
    }); 

    }); 
</script> 

私は両方の画像スライディングのためにjQueriesを使用しています。問題が何であるか教えていただけますか？ありがとう

Answer 1

あなたの第2あなたが実行しているはずのjQueryスクリプト$.noConflict()がオンです。

<script src="http://code.jquery.com/jquery-1.7.js"></script> 
<script> 
    var jq = $.noConflict(); 
    jq(function() { 
     jq("#my_tabs").tabs({ 
     event: "click" //click 
     });    
    }); 
</script> 
<script src="http://code.jquery.com/jquery-1.4.js"></script> 

両方jQueryと$はjQueryの1.4を指すようになりますし、何もjQueryの1.7を参照しません。ちなみに、$.noConflictを再びにロードすると、jQueryは1.4を参照しますが、$は未定義です。

しかし、あなたが行う場合：

<script src="http://code.jquery.com/jquery-1.7.js"></script> 
<script src="http://code.jquery.com/jquery-1.4.js"></script> 
<script> 
    var jq = $.noConflict(); 
    jq(function() { 
     jq("#my_tabs").tabs({ 
     event: "click" //click 
     });    
    }); 
</script> 

$はjQueryの1.7を参照しますが、（自分のjq変数れるように）jQueryはjQueryの1.4を指します。

$.noConflict(true)をご覧ください。変数は両方とも変数を解放する。jQueryと$変数。このようなことをすることができます。その後

<script src="http://code.jquery.com/jquery-1.7.js"></script> 
<script src="http://code.jquery.com/jquery-1.4.js"></script> 
<script> 
    var jq = $.noConflict(true); 
    jq(function() { 
     jq("#my_tabs").tabs({ 
     event: "click" //click 
     });    
    }); 
</script> 

両方$とjQueryはjQueryの1.7を指すようになりますし、あなただけのjq変数はjQueryの1.4

を指すようになります