如何在HTML中使用冲突?与多个版本的jQuery [英] How to use conflict in html ? with multiple version jquery
本文介绍了如何在HTML中使用冲突?与多个版本的jQuery的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在html页面中使用2个不同的jquery是否可能?我发现有些博客说使用冲突.但是我尝试增加但没有运气.有人可以帮我吗?
Is that possible that use 2 different jquery in a html page? I found some blog said that using conflict. But i try to add in but no luck. Anyone can help me out here?
这是我的代码: 产品滑块
Here is my code : Product slider
<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>
推荐答案
如果要使用jQuery的多个版本,请尝试以下解决方案..:)
If you want to use multiple version of jQuery ,try the following solution mate.. :)
<!-- 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变量来调用所需的插件.希望能为您提供一个理想的伴侣..:)
Then use the appropriate version of the jquery variable to call the desired plugin.Hope that gives u an idea mate.. :)
如下修改资源
<!-- 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>
这篇关于如何在HTML中使用冲突?与多个版本的jQuery的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文