как получить текущую вкладку в jquery.easytabs.js

Question

Я использую jquery.easytabs.js и выбрать определенную вкладку Я использую

$("#tab-container").easytabs('select', '#nameTab'); 

Но прежде чем выбрать, я хотел бы знать, какая вкладка я в делает кто-то знает, как это сделать?

Я попытался это, но он не работает:

$("#tab-container").easytabs('getSelected') 

На самом деле, он возвращает сам объект закладок контейнера.

Answer 1

Вы можете проверить с JQuery, так как текущая вкладка будет иметь класс 'активный':

$("#tab-container .tab.active") 

Answer 2

В прошлом я использовал JavaScript, это мой код:

var tab_active = window.location.hash.substr(1); 
if (tab_active=="map"){ 
    moveTree('map'); 
}else if(tab_active==""){ 
    $("#tab-container").easytabs('select', '#map'); 
    moveTree('map'); 
} 

Answer 3

Ваш Javascript :

$('#tab-container').easytabs({uiTabs: true}); 

$('#tab-container') 

    .bind('easytabs:before', function(id,val,t) 

     if(t.selector == "#tabs2"){ 

      alert("Selected tab 2"); 

     } 

    }); 

Answer 4

Допустим, у вас есть <ul> и <li> - вкладка стандарт структура навигации по строкам: HTML:

<ul id="main-nav" class="tabs"> <li class="home"><a href="#home">Home</a></li> <li class="about"><a href="#about">About</a></li> <li class="contact"><a href="#contact">Contact</a></li>

Тогда вы можете легко найти класса active на каждой вкладке и вернуть его. Jquery код

$('ul#main-nav li').on('click', function() { 
    if($(this).hasClass('active')) { 
      console.log($(this).attr('class')); 
    } 
}); 

вы также можете сохранить его в переменной и сделать дальнейшие манипуляции:

$('ul#main-nav li').on('click', function() { 
     if($(this).hasClass('active')) { 
      var myTab = $(this).attr('class'); 
       if(myTab == "home active") { 
        //do stuff 
       } 
     } 
    });