jQuery腳本標籤衝突

Question

可能重複：
Can I use multiple versions of jQuery on the same page?

蔭使用jQuery的3 WordPress插件，所以在我的header.php文件，我有3個類似的jQuery腳本（這是非常重要的是爲了使我的插件工作..），除了亞姆面臨的問題，如果一個刪除/添加..

他們是:(在我的header.php）

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

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script src="http://mywebsite.com/price-filter-wid-css/jquery-1.8.2.js"></script> 

這3個互相沖突，輸出不正確..所以，我該如何讓我的插件工作..？

所以，做我需要保持這樣的，如下：

<script> 
var jq142 = jQuery.noConflict(); 
</script> 
<script> 
var jq142 = jQuery.noConflict(); 
</script> 
<script> 
var jq182 = jQuery.noConflict(); 
</script> 

什麼不對從上面???

這裏是我的其他代碼：

$(document).ready(function() { 
      $('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false}); 
     }); 


$(function() { 
     $("#makeup").slider({ 
      range: true, 
      min: 0, 
      max: 500, 
      values: [ 0, 500 ], 
      slide: function(event, ui) { 
      $("#minprice").val(ui.values[ 0 ]);  
      $("#maxprice").val(ui.values[1 ]); 
      $("#pricego").val(ui.values[0]+'-'+ui.values[1]); 
     } 

     }); 

    }); 

所以，我怎麼能正確使用上述功能，這樣就可以避免這些jQuery的衝突 - ..？

按你說的，我已經更改如下：

$(function() { 
     mywebsite("#makeup").slider({ 
      range: true, 
      min: 0, 
      max: 500, 
      values: [ 0, 500 ], 
      slide: function(event, ui) { 
      $("#minprice").val(ui.values[ 0 ]);  
      $("#maxprice").val(ui.values[1 ]); 
      $("#pricego").val(ui.values[0]+'-'+ui.values[1]); 
     } 

     }); 

    }); 


$(document).ready(function() { 
      liquidcarousel('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false}); 
     }); 

敬請指正，如果蔭錯somwehere ...

後做所有的變化，這是我的代碼:(但仍然沒有得到輸出）

<!-- Liquidcarousel Stuff --> 
<link type='text/css' rel='stylesheet' href='liquidcarousel/css/style.css' /> 
<link type='text/css' rel='stylesheet' href='liquidcarousel/css/liquidcarousel.css' /> 
<script type="text/javascript" src="liquidcarousel/js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript"> 
    var liquidcarousel = $.noConflict(true); 
    </script> 
<script type="text/javascript" src="liquidcarousel/js/jquery.liquidcarousel.pack.js"></script> 
<script type="text/javascript"> 

     $(document).ready(function() { 
      liquidcarousel('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false}); 
     }); 

     $(document).ready(function() { 
      liquidcarousel('#liquid2').liquidcarousel({height:129, duration:100, hidearrows:false}); 
     }); 

</script> 



<!-- Categories Display Widget Stuff --> 
<link href="http://mywebsite.com/cat-wid-css/css/dcaccordion.css" rel="stylesheet" type="text/css" /> 
<link href="http://mywebsite.com/cat-wid-css/css/skins/blue.css" rel="stylesheet" type="text/css" /> 
<link href="http://mywebsite.com/cat-wid-css/css/skins/graphite.css" rel="stylesheet" type="text/css" /> 
<link href="http://mywebsite.com/cat-wid-css/css/skins/grey.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
     var googleapis = $.noConflict(true); 
    </script> 
<script type='text/javascript' src='http://mywebsite.com/cat-wid-css/js/jquery.cookie.js'></script> 
<script type='text/javascript' src='http://mywebsite.com/cat-wid-css/js/jquery.hoverIntent.minified.js'></script> 
<script type='text/javascript' src='http://mywebsite.com/cat-wid-css/js/jquery.dcjqaccordion.2.7.min.js'></script> 
<script type="text/javascript"> 
$(document).ready(function($){ 

        googleapis('.accordion-6').dcAccordion({ 
         eventType: 'hover', 
         autoClose: true, 
         saveState: true, 
         disableLink: true, 
         menuClose: false, 
         speed: 'medium', 
         showCount: true, 

         autoExpand: true, 
         cookie : 'dcjq-accordion-1', 
         classExpand : 'dcjq-current-parent', 

         menuClose: false  
        }); 

}); 
</script> 







<!-- Price Filter Display Widget Stuff --> 
    <link rel="stylesheet" href="http://mywebsite.com/price-filter-wid-css/themes/base/jquery.ui.all.css"> 
    <script src="http://mywebsite.com/price-filter-wid-css/jquery-1.8.2.js"></script> 
    <script type="text/javascript"> 
      var mywebsite = $.noConflict(true); 
     </script> 
    <script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.core.js"></script> 
    <script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.widget.js"></script> 
    <script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.mouse.js"></script> 
    <script src="http://mywebsite.com/price-filter-wid-css/ui/jquery.ui.slider.js"></script> 
    <link rel="stylesheet" href="http://mywebsite.com/price-filter-wid-css/demos.css"> 
    <style> 
    #demo-frame > div.demo { padding: 10px !important; }; 
    </style> 

    <script> 


    mywebsite(function() { 
     mywebsite("#makeup").slider({ 
      range: true, 
      min: 0, 
      max: 500, 
      values: [ 0, 500 ], 
      slide: function(event, ui) { 
      mywebsite("#minprice").val(ui.values[ 0 ]);  
      mywebsite("#maxprice").val(ui.values[1 ]); 
      mywebsite("#pricego").val(ui.values[0]+'-'+ui.values[1]); 
     } 

     }); 

    }); 





    </script> 

蔭仍沒有得到輸出..請告訴我還是出了什麼問題..？...

Answer 1

<script type="text/javascript" src="liquidcarousel/js/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript"> 
    var someName = $.noConflict(true); 
    </script> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     var googleapis = $.noConflict(true); 
    </script> 

    <script src="http://mywebsite.com/price-filter-wid-css/jquery-1.8.2.js"></script> 
     <script type="text/javascript"> 
      var mywebsite = $.noConflict(true); 
     </script> 

然後，而不是$('#selector').function();，你會做someName('#selector').function();或googleapis('#selector').function();或mywebsite('#selector').function();到避免衝突。

而不是$必須使用someName或googleapis或mywebsite任何你需要

$(document).ready(function() { 
      // $('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false}); 
      googleapis('#liquid1').liquidcarousel({height:129, duration:100, hidearrows:false}); //if you need to use googleapis jquery version in that case 
     }); 


someName(function() { 
     someName("#makeup").slider({ // if you need liquidcarousel to use in this case 
      range: true, 
      min: 0, 
      max: 500, 
      values: [ 0, 500 ], 
      slide: function(event, ui) { 
      someName("#minprice").val(ui.values[ 0 ]);  
      someName("#maxprice").val(ui.values[1 ]); 
      someName("#pricego").val(ui.values[0]+'-'+ui.values[1]); 
     } 

     }); 

    });