0

現在、1 つの HTML ページに複数のタブ ナビゲーションがあり、1 つのナビゲーションをクリックすると、他のタブ ナビゲーションに影響します。

他のタブナビゲーションのコンテンツを非表示にせずに、クリックしているタブナビゲーションを有効にする方法がわかりません。

ここに私のjqueryコードがあります

// thumbs click
                $('.tabsNav li a').click(function(){
                    $('.tab').hide();
                    $($(this).attr('href')).show();
                    return false;
                });

ページで複数回使用したい私のHTMLはこちら

<div class="rightContent">
                    <ul class="tabsNav clearfix">
                        <li>
                            <a href="#vlogs">vlogs</a>
                        </li>
                        <li>
                            <a href="#miniDocs">mini-docs</a>
                        </li>
                        <li>
                            <a href="#trailers">trailers</a>
                        </li>
                    </ul>
                    <div id="vlogs" class="tab">

                    </div>
                    <div id="miniDocs" class="tab">

                    </div>
                    <div id="trailers" class="tab">

                    </div>
                </div>
4

2 に答える 2

1

rightContent のような div (またはその他のもの) がある限り、これは機能するはずです。

$('.tabsNav li a').click(function(){
   $(this).parents('tabsNav').parent().find('.tab').hide();
   $($(this).attr('href')).show();
   return false;
});
于 2012-07-05T12:29:07.163 に答える
0 
$('.tabsNav li a').click(function(){
                   $(this).parents('.tabsNav').parents('.rightContent').children('.tab').hide();
                   $($(this).attr('href')).show();
                   return false;
                });
于 2012-07-05T13:47:14.567 に答える