1

2 つのメニューとドロップダウン リスト スタイルのメニューを備えたブートストラップ twitter ナビゲーション バーがあります。

私のコード:

            <li class="active"><a href="#">Menu1</a></li>
            <li><a href="#">Menu2</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">DropdownList <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Action 1</a></li>
                    <li><a href="#">Action 2</a></li>
                    <li class="divider"></li>
                    <li class="nav-header">Header</li>
                    <li><a href="#">Separated action</a></li>
                </ul>
            </li>

<li class="active"...メニューが選択されている場合、またはドロップダウンメニューの子が選択されている場合にのみ、メニューをアクティブにするにはどうすればよいですか?

このスクリプトを取得しましたが、サブメニューが選択されていない場合でもドロップダウン メニューが強調表示されます。

$('.nav li a').on('click', function() {
    $(this).parent().parent().find('.active').removeClass('active');
    $(this).parent().addClass('active');
});

乾杯

4

0 に答える 0