当浏览器宽度大于768px时不使用Owl Carousel,小于或等于768px就使用Owl Carousel,实现方法。
引用Owl Carousel 2.3.4插件文件
<link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/>
<script type="text/javascript" src="owl.carousel.min.js"></script>
调用代码:
$(window).on('resize',function(){
if($(window).width() > 768){
$('#hmAdvantage').trigger('destroy.owl.carousel').removeClass('owl-carousel');
}else{
$('#hmAdvantage').addClass('owl-carousel').owlCarousel({
items:2,
loop:true,
mouseDrag:true,
autoplay:true,
nav:false,
dots:false,
});
}
}).trigger('resize');
大于768px时,使用trigger('destroy.owl.carousel')
销毁插件,小于或等于768px时再重新使用owlCarousel()
加载插件。