2016-05-08 4 views
1

Я использую основание 6 в своем недавнем проекте, и под ним есть слайдер с вкладками, поэтому я решил использовать встроенные закладки 6 вкладок и автоматически переключаться с помощью JavaScript, проблема в том, что я не может найти функцию для вызова ее на следующей вкладке в функции setInterval, например, функции Bootstrap show("tab").Переключатель основания 6 вкладок автоматически

ответ

1

Я придумал решение, добавив is-active класс к следующей закладке и вкладки панели

function tabSwitch() { 
    var tabs = $("ul.tabs"); 
    var tab_content = $(".tabs-content"); 
    var currentTab = tabs.find(".is-active"); 
    var currentPanel = tab_content.find(".is-active"); 

    currentTab.removeClass('is-active').find("[aria-selected]").attr('aria-selected', false); 

    if (currentTab.next('li').length !== 0) { 
     currentTab.next("li").addClass('is-active').find("[aria-selected]").attr('aria-selected', true); 
    } else { 
     tabs.find("li:first").addClass('is-active').find("[aria-selected]").attr('aria-selected', true); 
    } 

    if (currentPanel.next('.tabs-panel').length !== 0) { 
     currentPanel.removeClass("is-active").next(".tabs-panel").addClass("is-active"); 
    } else { 
     currentPanel.removeClass("is-active"); 
     tab_content.find(".tabs-panel:first").addClass("is-active"); 
    } 
} 

var saleTimer = setInterval(tabSwitch, 5000); 

$("ul.tabs").find(".is-active").on("click", function() { 
    clearInterval(saleTimer); 
    saleTimer = setInterval(tabRotate, 5000); 
}); 
Смежные вопросы