引導3導航下拉停止工作

Question

我沒有改變prod和qa上的任何代碼，但由於某種原因，我的qa崩潰導航已停止工作粘貼這裏的代碼，因爲我無法弄清楚什麼是錯誤的，我檢查了控制檯對於錯誤，如果有的話，但它什麼也沒有顯示，我甚至比較了這兩個代碼，它顯示一切正常。

PROD WORKING

<div class="collapse navbar-collapse navHeaderCollapse"> 
     <ul class="nav navbar-nav navbar-right"> 
         <li><a href="../parents/dailyexperience" style="padding-top: 21px; padding-bottom: 11px; !important">Daily Experience</a></li> 
         <li><a href="../parents/attendance_records" style="padding-top: 21px; padding-bottom: 11px; !important">Attendance Records</a></li> 
         <li><a href="../parents/photos" style="padding-top: 21px; padding-bottom: 11px; !important">Photos</a></li> 
         <li><a href="../parents/school_info" style="padding-top: 21px; padding-bottom: 11px; !important">School Info</a></li> 
         <li class="dropdown"> 
       <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">History <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
             <li><a href="../parents/dailyexperience_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Daily Experience</a></li> 
             <li><a href="../parents/attendance_records_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Attendance Records</a></li> 
            </ul> 
      </li> 
         <li><a href="../parents/profile" style="padding-top: 21px; padding-bottom: 11px; !important">Profile</a></li> 
         <li class="dropdown"> 
       <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">Select Child <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 

        <li><a href="../parents/select_a_child/50" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Annett Joy</a></li> 

        <li><a href="../parents/select_a_child/51" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Charlotte Pinkiewicz</a></li> 
            </ul> 
      </li> 
         <li><a href="../parents/change_password" style="padding-top: 21px; padding-bottom: 11px; !important">Change Password</a></li> 
         <li><a href="../logout" style="padding-top: 21px; padding-bottom: 11px; !important">Logout</a></li> 

     </ul> 
    </div> 

QA不工作

<div class="collapse navbar-collapse navHeaderCollapse"> 
     <ul class="nav navbar-nav navbar-right"> 
         <li><a href="../parents/dailyexperience" style="padding-top: 21px; padding-bottom: 11px; !important">Daily Experience</a></li> 
         <li><a href="../parents/attendance_records" style="padding-top: 21px; padding-bottom: 11px; !important">Attendance Records</a></li> 
         <li><a href="../parents/photos" style="padding-top: 21px; padding-bottom: 11px; !important">Photos</a></li> 
         <li><a href="../parents/school_info" style="padding-top: 21px; padding-bottom: 11px; !important">School Info</a></li> 
         <li class="dropdown"> 
       <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">History <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 
             <li><a href="../parents/dailyexperience_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Daily Experience</a></li> 
             <li><a href="../parents/attendance_records_history" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Attendance Records</a></li> 
            </ul> 
      </li> 
         <li><a href="../parents/profile" style="padding-top: 21px; padding-bottom: 11px; !important">Profile</a></li> 
         <li class="dropdown"> 
       <a data-toggle="dropdown" style="padding-top: 21px; padding-bottom: 11px; !important" class="dropdown-toggle" href="#">Select Child <b class="caret"></b></a> 
        <ul class="dropdown-menu"> 

        <li><a href="../parents/select_a_child/50" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Annett Joy</a></li> 

        <li><a href="../parents/select_a_child/51" style="padding-top: 21px; padding-bottom: 11px; line-height: 0.4px; !important">Charlotte Pinkiewicz</a></li> 
            </ul> 
      </li> 
         <li><a href="../parents/change_password" style="padding-top: 21px; padding-bottom: 11px; !important">Change Password</a></li> 
         <li><a href="../logout" style="padding-top: 21px; padding-bottom: 11px; !important">Logout</a></li> 

     </ul> 
    </div> 

這是我的網絡選項卡的截圖

Answer 1

一切都在你的代碼就好了，但我確保你的jQuery庫沒有正確加載。確保頁面上包含jQuery腳本以及它存在於指定路徑中。然後它會正常工作。

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 

以下是包含jQuery參考之後的QA代碼演示。

JS Fiddle Demo

Answer 2

Bootstrap.js漸漸出於某種原因加載兩次，所以我刪除它一次，它開始工作。