引導程序下拉菜單將無法正確使用腳本和鏈接

更新：爲了避免混淆，我分叉了Plunker並刪除了其他下拉菜單。爲了說明下拉菜單，我遇到的問題是調整屏幕大小時帶有3個小節的問題。引導程序下拉菜單將無法正確使用腳本和鏈接

我遇到了帶有angularjs腳本的引導下拉菜單按鈕以及所有其他腳本和按正確順序放置的鏈接的問題。這裏是我的Plunker

我一直在研究這個問題，到目前爲止，我已經嘗試了所有在計算器上的解決方案，如：

安排在正確的順序腳本和鏈接：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.2/angular.min.js"></script> 
<script src="https://code.angularjs.org/1.5.0-rc.2/angular-animate.min.js"></script>  
<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"crossorigin="anonymous"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"crossorigin="anonymous"> 
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

爲了迫使下拉菜單切換與JS：

$(document).ready(function() { 
    $(".dropdown-toggle").dropdown(); 
});

到目前爲止，我還不能在這裏做的下拉工作是我的HTML：

<!--Navigation Bar Relative --> 
<nav class="navbar navbar-inverse"> 

     <div class="container-fluid"> 

      <!--Logo!--> 
      <div class="navbar-header"> 
       <a href="#" class="navbar-brand">THE LOGO</a> 

       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="mainNavBar"> 

       <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> 
       </button> 

      </div> 


      <!--Menu Items!--> 
      <div class="collapse navbar-collapse" id="mainNavBar"> 
       <ul class="nav navbar-nav"> 

        <li class="active"><a href="#">Home</a></li> 
        <li><a href="#">About</a></li> 
        <li><a href="#">Menu</a></li> 
        <li><a href="#">Download</a></li> 
        <li><a href="#">Team</a></li> 
        <li><a href="#">Timeline</a></li> 
        <li><a href="#">Contact</a></li> 




       </ul> 

       <!--Right-Align Menu Items!--> 

       <ul class="nav navbar-nav navbar-right"> 
        <li><a href="#">Logout</a></li> 
       </ul> 

      </div> 

     </div> 


    </nav> 

<div ng-controller=""> 

</div>

林在引導和AngularJS一個完整的新手，那麼請解釋我做錯了什麼，並幫助我走向正確的方向。謝謝！

http://plnkr.co/edit/wPGO01a9luGA7QyfzSAL?p=preview

來源

2016-02-05 ChosenJuan

你已經錯過了ID的#在數據目標

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">

來源

2016-02-05 13:17:30 sTx

我無法相信我錯過了＃在數據觸發。謝謝你的幫助！我很感激。 – ChosenJuan

它發生了 - 花了我一段時間找到它:) – sTx

引導程序下拉菜單將無法正確使用腳本和鏈接

回答

相關問題