javascript - Bootstrap 3，导航栏中的下拉菜单不针对单击 Internet Explorer 时的 href

Question

我在使用导航栏 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 的结尾引号。