jquery - 引导传送带-负载|播放|暂停

我花了一些时间，这回避了我。

我想对轮播做些什么...


页面加载无幻灯片
按“播放”按钮，间隔为10000
按“暂停”按钮并暂停
冲洗并重复播放和暂停


在js中我正在使用

// Play | Pause for carousel
$('#myCarousel').carousel({

});

$('#playButton').click(function () {
    $('#myCarousel').carousel('cycle');
});

$('#pauseButton').click(function () {
    $('#myCarousel').carousel('pause');
});

...但是我只是无法获得如上所述的适当效果。如果我将间隔设置为初始负载，它将开始。

最佳答案

轮播应无间隔地初始化（false）。然后，设置单击“播放” btn的间隔。尝试这个...

$('#myCarousel').carousel({
  interval:false
});

$('#btnPause').click(function() {
  $('#myCarousel').carousel('pause');
});

$('#btnPlay').click(function() {
  $('#myCarousel').data('bs.carousel').options.interval=1000;
  $('#myCarousel').carousel('cycle');
});

演示：http://bootply.com/113413