启用活动选项卡上的链接的Javascript函数
我有3个标签,由js创建。“活动”选项卡具有名为“活动”的类,它在每次单击选项卡时都会发生更改启用活动选项卡上的链接的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
<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,但我会尝试一下,看看它是否能工作。