使用下拉列表激活Twitter Bootstrap导航栏

Question

我正在使用带有2个菜单和下拉列表样式菜单的bootstrap twitter Nav栏。

我的代码：

            <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>

如果选择了菜单，或者选择了下拉菜单的子项，我怎样才能使菜单成为actif（<li class="active"...）？

我有这个脚本，但即使没有选择子菜单，它也会高亮显示下拉菜单：

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

干杯