owlcarousel来回重复使用多次的方法

想在调整浏览器大小的情况下调整页面结构,大于768不用slider,小于等于768就开启slider功能,切换的时候第三次就无法调出效果,网上找到了解决方法

创新互联建站是专业的网站建设公司,提供网站建设,网站制作,网站设计等网站开发一体化解决方案;包括H5响应式网站,小程序设计,网站定制,企业网站建设,商城网站建设,响应式网站建设,建网站,PHP网站建设,软件开发,软文发布平台,网站营销。欢迎做网站的企业前来合作洽谈,创新互联建站将竭诚为您服务!

https://github.com/OwlCarousel2/OwlCarousel2/issues/1861

var mission_html = $(".owl-carousel").html();
//
$( window ).resize(function() {
console.log('resizing window '+$( window ).width()) ;
if ($(window).width()<=768){
console.log('enable carousel...');
$('.owl-carousel').trigger('destroy.owl.carousel');
$(".owl-carousel").owlCarousel({
items: 1,
loop: true,
responsiveClass:true,
autoplay: true,
autoplayTimeout:5000,
autoplayHoverPause:true,
dots: true,
autoHeight: false
});
}else{
console.log("resume desktop version")
$(".owl-carousel").html(mission_html);
}
});


标题名称:owlcarousel来回重复使用多次的方法
本文路径:http://bzwzjz.com/article/pseeeg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 网站制作公司 广安网站设计 网站设计制作 重庆企业网站建设 手机网站制作 攀枝花网站设计 成都网站建设 网站设计制作报价 成都网站建设流程 阿坝网站设计 成都网站制作 成都网站建设 成都网站建设 成都网站建设 成都网站建设 成都定制网站建设 手机网站制作 高端定制网站设计 企业手机网站建设 网站建设推广 高端网站设计