Как сделать ротацию вкладок в Bootstrap?

Question

[Damaks]

Реализованы вкладки согласно докам getbootstrap.com/javascript/#tabs.

Необходимо сделать автоматическую ротацию произвольного количества вкладок. Количество вкладок на разных страницах разное. При клике пользователя на любой вкладке ротация прекращается.

Есть ли готовый или приближенный способ реализации? Наверняка кто-то сталкивался.

Answer 1

[Pavel]

немножко гомнокода ))

$(document).ready(function(){
    var timer, tabs = $('a[data-toggle="tab"]');
    if(tabs) {
        var i = 1, tabs_count = tabs.length-1;
        timer = setInterval(function(){
            $(tabs[i]).tab('show');
            if(i === tabs_count){
                i = 0;
            } else {
                i++;    
            }
        }, 1000);
    }
    
    $('li').click(function(e){
        clearInterval(timer);
    });
});

Comments

[Damaks]

Огромнейшее спасибо, мил человек. Работает.как надо )