如何解决猫头鹰轮播延迟了 wordpress 的加载
我对 wordpress 和 Elementor 中的猫头鹰轮播有一些问题。首先,我在 .owl-carousel
中添加 document.ready
类,然后实例化 owl carousel 选项。我面临两个问题。第一个是页面加载猫头鹰轮播需要一些时间来加载(不到一秒),这使用户可以看到从简单网格到轮播的过渡。我想这与 dom 有关,而且它从一开始就没有准备好。
第二个是在 Elementor 中我根本看不到猫头鹰轮播效果(不太重要)。
(function($){
$(document).ready(function(){
$('.dc-homepage-carousel .elementor-widget-wrap').addClass('owl-carousel');
$('.dc-homepage-carousel .owl-carousel').owlCarousel({
loop:true,nav:true,margin:3,dots: false,autoplay: true,autoplayHoverPause: true,autoplaySpeed: 1000,animateOut: 'fadeOut',smartSpeed :900,navText : ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],responsive:{
0:{
items:1
},600:{
items:3
},1000:{
items:6
}
}
})
});
})(jQuery);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。