2012-06-21 54 views
0

我有3個選項卡,由js創建。有源標籤已命名類「活躍」,它的每次點擊選項卡上的改變Javascript函數啓用活動選項卡上的鏈接

<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)時將其禁用。感謝任何幫助。

回答

0

我可以建議你檢查父元素(在這種情況下li元)動態是否有active類,並返回負值

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

感謝隊友!雖然我以前從未使用過jQuery,但我會嘗試一下,看看它是否會起作用。 – kido25

相關問題