当前位置:龙哥网 > 网络技术 > 轮播图插件Owl Carousel 2.3.4销毁启用的方法

轮播图插件Owl Carousel 2.3.4销毁启用的方法

longge5个月前 (12-17)网络技术186

浏览器宽度大于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()加载插件。

免责声明
本站部分资源来源于互联网 如有侵权 请联系站长删除
龙哥网是优质的互联网科技创业资源_行业项目分享_网络知识引流变现方法的平台为广大网友提供学习互联网相关知识_内容变现的方法。#转载请注明出处!