Question

我遇到了一个带有Nav-Bar的bootstrap下拉列表的奇怪问题。页面上导航栏目标选项卡上的项目。我有多个导航栏项目，然后是一个下拉导航项目，其中包含3个项目。在Chrome和Firefox上，它可以很好地工作，但是在IE上，在下拉列表项目中，它不会以选项卡为目标并显示选项卡。

知道可能导致这种情况的原因是什么？

这是我的代码：

<ul id="tabshome" class="nav nav-pills nav-justified">

    <li id="tab1" class="active taboutline"><a data-toggle="pill"   href="#tabDiv1">Tab1</a></li>
    <li id="tab2" class="taboutline"><a data-toggle="pill" href="#tabDiv2">Tab2</a></li>
         <li class="dropdown taboutline">
        <a class="dropdown-toggle" data-toggle="dropdown">
            Drop Down Tab
            <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
            <li id="dropdowntab1"><a href="#dropdownTabDiv1">DropDown Tab 4</a></li>
            <li id="dropdowntab2"><a href="#dropdownTabDiv2">DropDown Tab 5</a></li>            
        </ul>
    </li>
</ul>
<div class="tab-content">
    <div id="tabDiv1" class="tab-pane fade blocks in active ">
        <div class="row">
        Tab 1
        </div>
    </div>
    <div id="tabDiv2" class="tab-pane fade blocks">
        <div class="row">
        Tab 2
        </div>
    </div>
    <div id="dropdownTabDiv1" class="tab-pane fade blocks">
        <div class="row">
        Tab 3
        </div>
    </div>
    <div id="dropdownTabDiv2" class="tab-pane fade blocks">
        <div class="row">
        Tab 4
        </div>
    </div>
</div>

我正在使用Jquery，并确保jquery引用位于bootstap.min.js引用之上。

Answer 1

我认为这是因为缺少li id dropdowntab2的结尾引用。

Bootstrap 3，导航栏中的下拉列表未点击Internet Explorer上的href

1 个答案: