0

jsによって作成された3つのタブがあります。アクティブタブには「アクティブ」という名前のクラスがあり、タブをクリックするたびに変化します

<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」を返します。アクティブなタブでリンク（onclick = "return true";）を有効にし、他のタブ（li）に切り替えると無効にするjs関数を作成する必要があります。助けに感謝します。

4

1 に答える 1

0

親要素（この場合liは要素）にクラスがあるかどうかを動的にチェックactiveして、負の値を返すことをお勧めします

$('#tabs a').on('click', function(){
    // if parent has class active returns false
    return !$(this).parent().hasClass('active'); 
});
于 2012-06-21T07:48:21.750 に答える