是否有一种方法可以自动在Bootstrap选项卡中循环（类似于轮播？）>

Question

我希望Bootstrap选项卡在每个选项卡之间循环，有点像轮播，每10秒钟左右更改一次。我认为这将需要一些自定义javascript（但我是个新手）！

（（如果希望手动单击选项卡，我也希望该循环停止，但这更多是“伸展目标”！）

这是我到目前为止所拥有的：http://jsfiddle.net/59Lyhqmn/31/

我已经尝试通过类似的问题来实施解决方案，例如：

$(function(){
var tabs = $('#myTab a');
    var counter = 0;
    window.setInterval(activateTab, 1000);
    function activateTab(){

       tabs.removeClass('active');
       var currentLink = tabs[counter];

       $('.tab-pane').removeClass('.active').hide();
       currentLink.addClass('active');
       $(currentLink.attr('href')).addClass('active').show();
       if(counter  < tabs.length)
         counter= counter + 1;
       else 
         counter = 0;
    }
});
但是到目前为止我还没有运气！

任何帮助将不胜感激！

我希望Bootstrap选项卡在每个选项卡之间循环，有点像轮播，每10秒钟左右更改一次。我认为这将需要一些自定义javascript（但我是个新手）！ ...

Answer 1

[我看到你的小提琴，我通过简单的迭代提出了解决方案JSFiddle链接