0

HTML

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li>
            <a href="#about">User01</a>
        </li>
        <li>
            <a href="#contact">Profile</a>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#" data-toggle="dropdown">
             Dropdown
            <b class="caret"></b>
            </a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#">User Control01</a>
                    </li>
                    <li>
                        <a href="#">User Control02</a>
                    </li>
                    <li>
                        <a href="#">User Control03</a>
                    </li>
                </ul>
         </li>
         <li>
             <a href="#contact">Link</a>
         </li>
     </ul>
</div>

当单击下拉链接更改User01Profile li 背景颜色时,我想要这样;

在此处输入图像描述

点击下拉链接;

在此处输入图像描述

如何使用 bootstrap 3 下拉菜单执行此操作?

4

1 回答 1

1

您可以为以前的兄弟姐妹切换引导.active类:

$(".dropdown").click(function(){
    $this).prevAll().toggleClass("active");
});

示例:http: //jsfiddle.net/52VtD/362/

于 2013-10-25T12:43:37.453 回答