轮播图插件Owl Carousel 2.3.4销毁启用的方法
当浏览器宽度大于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()
加载插件。