如何在html中使用衝突？與多個版本的jquery

Question

這可能是在html頁面中使用2個不同的jQuery？我發現一些博客說使用衝突。但我嘗試添加，但沒有運氣。任何人都可以幫助我嗎？

這裏是我的代碼： 產品滑塊

<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet"> 
<script src="assets/js/google-code-prettify/prettify.js"></script> 
<script src="assets/js/application.js"></script> 
<script src="assets/js/jquery-1.9.1.min.js"></script> 
<script src="owl-carousel/owl.carousel.js"></script> 
<script src="js/lightbox.js"></script> 
    <style> 
#owl-demo .item{ 
    margin: 3px; 
} 
#owl-demo .item img{ 
    display: block; 
    width: 100%; 
    height: auto; 
} 
</style> 
<script> 
$(document).ready(function() { 
    $("#owl-demo").owlCarousel({ 
    autoPlay: 3000, 
    items : 4, 
    itemsDesktop : [1199,3], 
    itemsDesktopSmall : [979,3] 
    }); 

}); 
</script> 

幻燈片

<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/scripts.js"></script> 


<script src="sliderengine/jquery.js"></script> 
<script src="sliderengine/amazingslider.js"></script> 
<link rel="stylesheet" type="text/css" href="sliderengine/amazingslider-1.css"> 
<script src="sliderengine/initslider-1.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script> 

Answer 1

如果你想使用jQuery的多個版本，請嘗試以下解決方案的伴侶。 。:)

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

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

然後使用jQuery的變量的相應版本調用所需plugin.Hope，讓U上的一個想法隊友.. :)

修改你的資源如下

<!-- jQuery for Product slider --> 
<script src="assets/js/jquery-1.9.1.min.js"></script> 
<script type="text/javascript"> 
    var jQuery191 = $.noConflict(true); 
</script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<!-- jQuery for Product slider --> 
<script src="sliderengine/jquery.js"></script> 
<script type="text/javascript"> 
    var jQuerySlideshow = $.noConflict(true); 
</script> 
<!-- Product slider --> 
<script src="assets/js/google-code-prettify/prettify.js"></script> 
<script src="assets/js/application.js"></script> 
<script src="owl-carousel/owl.carousel.js"></script> 
<script src="js/lightbox.js"></script> 

<!-- Slideshow --> 

<script type="text/javascript" src="js/scripts.js"></script> 
<script src="sliderengine/amazingslider.js"></script> 
<script src="sliderengine/initslider-1.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>