轮播图插件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()加载插件。

关键词: jquery插件 owlcarousel