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

启用活动选项卡上的链接的Javascript函数,javascript,tabs,onclick,Javascript,Tabs,Onclick,我有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&l

我有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>

默认情况下,链接返回“false”。我需要创建一些js函数,使link onclick=returntrue;在活动选项卡上,并在切换到其他选项卡时禁用它。非常感谢您的帮助。

我建议您动态检查父元素(在本例中为li元素)是否具有活动类,并返回负值

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

谢谢你,伙计!虽然我以前从未使用过jQuery,但我会尝试一下,看看它是否能工作。