Bootstrap 3，導航欄中的下拉列表不能在點擊Internet Explorer時定位href

Question

我在導航欄中使用導航欄時出現了一個奇怪的問題。 Nav-Bar Target選項卡上的項目。我有多個導航欄項目，然後是一個包含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的結尾報價。