Bootstrap 3，单击Internet Explorer时导航栏中的下拉列表不指向href

Question

我有一个奇怪的问题，引导下拉菜单的导航栏。页面上导航栏目标选项卡上的项目。我有多个导航栏项目，然后一个下拉式导航栏项目中的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的末尾引号。