Javascript Bootstrap 3，导航栏中的下拉列表不针对href，单击Internet Explorer

我有一个奇怪的问题，导航条引导下拉菜单。导航栏上的项目在页面上的目标选项卡上。我有多个导航栏项目，然后是一个下拉导航项目，其中有3个项目。在Chrome和Firefox上，它可以完美地工作，但在IE上，在下拉导航项上，它不会针对选项卡并显示选项卡

你知道这是什么原因吗

这是我的密码：

表1
表2
表3
表4

---

我正在使用Jquery，并且我已经确保Jquery引用位于bootstap.min.js引用之上

我认为这是因为缺少li id

dropdowntab2

的结尾引号

<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>