Html 引导转盘不会自动启动循环

Html 引导转盘不会自动启动循环,html,twitter-bootstrap,carousel,Html,Twitter Bootstrap,Carousel,我一直在做我的旋转木马,它现在似乎在工作 它开始循环,但不是在我把光标移到它上面之前。我如何使它自动启动循环,这样人们就不必在旋转木马上悬停 这是我的密码: <div id="slider" class="carousel slide"> <div class="carousel-inner"> <div class="item active"> <img src="img/slide1.jpg" id="picture"> &l

我一直在做我的旋转木马,它现在似乎在工作

它开始循环,但不是在我把光标移到它上面之前。我如何使它自动启动循环,这样人们就不必在旋转木马上悬停

这是我的密码:

<div id="slider" class="carousel slide">
 <div class="carousel-inner">
  <div class="item active">
   <img src="img/slide1.jpg" id="picture">
   <div class="carousel-caption">
   <center><h4>ADD TEXT LATER</h4>
   <p>ADD TEXT LATER</p></center>
  </div>
 </div>
 <div class="item">
  <img src="img/slide2.jpg" id="picture">
  <div class="carousel-caption">
  <center><h4>ADD TEXT LATER</h4>
  <p>ADD TEXT LATER</p></center>
 </div>
</div>
 <div class="item">
  <img src="img/slide3.png" id="picture">
  <div class="carousel-caption">
  <center><h4>ADD TEXT LATER</h4>
  <p>ADD TEXT LATER</p></center>
 </div>
</div>
  <div class="item">
  <img src="img/slide4.png" id="picture">
  <div class="carousel-caption">
  <center><h4>ADD TEXT LATER</h4>
  <p>ADD TEXT LATER</p></center>
 </div>
</div>
</div>

<a class="carousel-control left"href="#slider" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right"href="#slider" data-slide="next">&rsaquo;</a>
</div>

<script>
$('.carousel').carousel({
  interval: 1000
})
</script>

<script src="js/bootstrap-carousel.jss"></script>  

稍后添加文本
稍后添加文本

稍后添加文本 稍后添加文本

稍后添加文本 稍后添加文本

稍后添加文本 稍后添加文本

$('.carousel')。carousel({ 间隔时间:1000 })
除了添加占位符图像之外,我还使用了您的HTML格式,它似乎对我来说工作正常@

也许您可以仔细检查CSS和JS文件是否一切正常,或者尝试使用

祝你好运

编辑

如果上述方法仍然不适用于您,请尝试使用初始化

$(document).ready(function () {
$('.carousel').carousel({
    interval: 1000
});

$('.carousel').carousel('cycle');
});  
请参阅live:

它似乎与“循环”一起工作,但如何更改间隔?如果我加上这个循环,它运行得太快了

编辑


没关系,我只是把时间间隔从1000到10000,现在它似乎工作得很好。谢谢你,先生

仍然没有帮助我,也没有浏览git hub讨论。 每个人似乎都看不到真正的问题,即当鼠标在容器上时,旋转木马真的会暂停……所以我不得不通读.carousel文档 它真的在那里。。。pause atribute必须设置为null或默认设置为“hover”,这将暂停它。。。 因此,对我来说,这是一项决议:

添加间隔,将pause设置为null,然后手动调用旋转木马

<script>
  $(document).ready(function () {
$('.carousel').carousel({
    interval: 3100,
    pause:null
});

$('.carousel').carousel('cycle');
});  

</script>

$(文档).ready(函数(){
$('.carousel')。carousel({
间隔时间:3100,
暂停:空
});
$('.carousel')。carousel('cycle');
});  

我不得不为转盘启动功能添加延迟。由于某些原因,它在路由到另一个页面视图后没有启动

这就是我的诀窍:

<script>
setTimeout(function() {
  $('.carousel').carousel();
}, 3000);  
</script>

setTimeout(函数(){
$('.carousel').carousel();
}, 3000);  

有人能帮我吗?