javascript - 在活动选项卡上启用链接的 Javascript 函数

Question

我有 3 个标签，由 js 创建。活动选项卡具有名为“活动”的类，每次单击选项卡时都会更改

<div class='tab'>
    <ul class='tabs'>
    <li class="active"><a href='http://link1.com#t1'>First</a></li>
    <li><a href='http://link2.com#t2'>Second</a></li>
    <li><a href='http://link3.com#t3'>Third</a></li>    
    </ul>
<div>
    <h2>First tab!</h2>
</div>
<div>
    <h2>Second tab!</h2>
</div>
<div>
    <h2>Thrid tab1</h2> 
    </div>
</div>

默认情况下，链接返回“假”。我需要创建一些 js 函数，在活动选项卡上启用链接 (onclick="return true";)，并在我切换到另一个选项卡 (li) 时禁用它。感谢任何帮助。

Answer 1

我可以建议您动态检查父元素（在本例中为li元素）是否具有类active并返回负值

$('#tabs a').on('click', function(){
    // if parent has class active returns false
    return !$(this).parent().hasClass('active'); 
});