网站建设资讯

NEWS

网站建设资讯

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://njwzjz.com/article/pseeeg.html