很受欢迎的问题,但到目前为止所有的答案都没有帮助我。我尝试更改 autoplay
和 autoPlay
。
有趣的是,当您首先单击箭头以使 slider 移动时,第一次单击后“播放”正确运行,只是第一次运行永远不会发生, slider 被卡住。如何让 slider 先移动?
//#main-slider
$(function() {
$('#main-slider .carousel').carousel({
autoPlay: true,
interval: 3000,
cycle: true,
});
});
<div class="carousel">
<section id="main-slider" class="root-sec scroll-section no-margin">
<div class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#main-slider" data-slide-to="0" class="active"></li>
<li data-target="#main-slider" data-slide-to="1"></li>
<li data-target="#main-slider" data-slide-to="2"></li>
<li data-target="#main-slider" data-slide-to="3"></li>
<li data-target="#main-slider" data-slide-to="4"></li>
<li data-target="#main-slider" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
最佳答案
将 $('#main-slider .carousel') 更改为 $('#main-slider')
关于javascript - Owl Carousel 不会自动播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39948751/