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

Question

我正在使用 jquery.easytabs.js 并选择我使用的某个选项卡

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

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

我试过了，但是没用:

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

实际上，它确实返回了选项卡容器对象本身。

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
                }
        }
   });