有没有用twitter bootstrap 3旋转木马关闭自动幻灯片?

时间:2014-07-02 18:29:52

标签: javascript jquery css twitter-bootstrap

我只是想让它停止自动旋转。我已经四处搜索并添加了以下代码:

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

那并没有做任何事情,所以我找到了这段代码:

$(document).ready(function() {
 $('.carousel').carousel({
   pause: true,
   interval: false
  })
});

这似乎有效,但当我点击下一个/上一个时,自动幻灯片再次启动

我错过了什么?我搜索的所有东西都给了我这些答案。

1 个答案:

答案 0 :(得分:3)

你在滥用pause。 Pause需要一个字符串,表示应暂停旋转木马的事件(即"hover")。

删除它,然后使用它:

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

来自文档:

  

interval:自动循环项目之间的延迟时间。如果为false,轮播将不会自动循环。