【问题标题】:How to call owlCarousel function after a delay?延迟后如何调用owlCarousel函数?
【发布时间】:2016-02-05 12:22:43
【问题描述】:
我想在延迟 5 秒后调用 owlCarousel 函数。我试过这样做
$(document).ready(function(){
setInterval(function(){
$(".demo-slide").owlCarousel();
},5000);
});
但它给了我错误
未捕获的类型错误:$(...).owlCarousel 不是函数
我只想在延迟后调用 owlCarousel。有没有其他可能的方法?
【问题讨论】:
标签:
javascript
jquery
owl-carousel
【解决方案1】:
确保将所有需要的脚本(jQuery + Owl Carousel)添加到 HTML 文件中,并且 .demo-slide 指向正确的元素(包装要添加到轮播的元素的容器)。
另外,请注意 setInterval() 将每 5 秒调用一次您的函数。要设置延迟,请改用 setTimeout()。
编辑:还要检查您是否在主容器中添加了“owl-carousel”类,例如:
<div class="demo-slide owl-carousel">
<div class="item"><img src="01.jpg" alt=""></div>
<div class="item"><img src="02.jpg" alt=""></div>
<div class="item"><img src="03.jpg" alt=""></div>
</div>