如何在jquery.easytabs.js中获取当前选项卡

Question

我正在使用jquery.easytabs.js并选择我使用的某个标签

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

但在选择之前我想知道我在哪个标签 有人知道怎么做吗？

我试过这个，但它不起作用：

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

实际上，它确实返回了tab-container对象本身。

Answer 1

我们假设您有<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
                }
        }
   });

Answer 2

您可以使用jquery进行检查，因为当前标签会让课程“活跃”＆＃39;：

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

Answer 3

最后我使用了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 4

你的javascript：

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

$('#tab-container')

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

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

          alert("Selected tab 2");

      } 

  });

Answer 5

不确定现在是否有帮助，但我尝试过：

$('#tab-container').easytabs('active', "#<tabID>")

如果该选项卡处于活动状态，则返回true。