Question

以下代码示例的行为与预期的一样，但有一个问题除外。如您所见，我有两个菜单项，第一个是列出日期的下拉列表。在此下拉菜单中进行选择时，我之前的选择仍会突出显示。我希望它的行为使得在进行第二次选择时，它会删除之前的选择。我可以使用js / jquery强制取消选择，但怀疑有更多的Bootstrap友好方式来做到这一点。事实上，我在更高级别的菜单上得到了正确的行为。

            <ul class="nav nav-pills nav-stacked">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false">
                    Menus&nbsp;
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu nav nav-pills nav-stacked">
                    <li class="nav-item dropdown">
                        <a class="nav-link" data-toggle="tab" href="#">1/8/2016</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link" data-toggle="tab" href="#">1/9/2016</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link" data-toggle="tab" href="#">1/10/2016</a>
                    </li>
                </ul>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab"       href="#tab_menu_item2">MenuItem2</a>
            </li>
        </ul>

提前感谢您的帮助。

在Turnips建议从下拉列表中删除导航后，我这样做了。我仍然遇到同样的问题。这是该部分现在的样子。

<ul class="dropdown-menu scroll-menu">
                    <li class="dropdown">
                        <a  data-toggle="tab" href="#">1/8/2016</a>
                    </li>
                    <li class="dropdown">   
                        <a  data-toggle="tab" href="#">1/9/2016</a>
                    </li>
                    <li class="dropdown">   
                        <a  data-toggle="tab" href="#">1/10/2016</a>
                    </li>

Answer 1

从列表中删除下拉列表..为什么要添加类navbar-link？：/

   <ul class="dropdown-menu nav nav-pills nav-stacked">
                        <li class="nav-item ">
                            <a class="dropdown-toggle" data-toggle="tab" href="#">1/8/2016</a>
                        </li>
                        <li class="nav-item ">
                            <a class="dropdown-toggle" data-toggle="tab" href="#">1/9/2016</a>
                        </li>
                        <li class="nav-item ">
                            <a class="dropdown-toggle" data-toggle="tab"  href="#">1/10/2016</a>
                        </li>
                    </ul>

在引导程序下拉列表中选择新项目不会清除先前的选择

1 个答案: