2016-06-10 163 views
1

請問您告訴我這段代碼有什麼問題!引導程序下拉菜單無法正常工作

<div> 
    <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Contact</a></li> 
     <li><a href="#">Register</a></li> 

     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">My Profile <span class="caret"></span></a> 

      <ul class="dropdown-menu"> 
       <li><a href="#">Messages</a></li> 
       <li><a href="#">Friends</a></li> 
       <li><a href="#">Profile</a></li> 
       <li><a href="#">Settings</a></li> 
       <li><a href="#">Login</a></li> 
      </ul> 
     </li> 
    </ul> 

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

我也包括我這個HTML文件中:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"</script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

,當我點擊它沒有任何反應的下拉菜單,請我需要幫助。

+1

你 「bootstrap.min.js」 文件無法正確鏈接。您錯過了關閉「>」 –

+0

正確,但它在我的原始代碼上正確輸入。 – wfareed

回答

3

jquery調用應該是第一位的。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

此外,您忘記了引導程序調用上的關閉標記。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"</script> 

應該是:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
                       ˆ 
+0

謝謝,我改變了文件的順序,它現在運行相當好:) – wfareed

+0

好趕上@EduRuiz –

+1

@wfareed歡迎您,請點擊「接受答案」。對社區和我的聲譽有好處:D –