2013-08-27 60 views
-1

我試着在我的導航欄中設置了一個下拉菜單,但是我無法讓它工作。 當我點擊賬戶按鈕時,它只是給標題添加一個#號。 我試着將bootstrap-dropdown鏈接到文件中,我添加了一個javascript,但沒有任何效果。我有與模態相同的問題。 繼承人我的代碼:引導下拉不會工作。試了一切...(引導2.3.2)

<!DOCTYPE html> 
<html> 
<head> 
     <title>Dropdown Test!</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link href="css/bootstrap-modal.css" rel="stylesheet" /> 
     <link href="css/bootstrap.css" rel="stylesheet" /> 
     <script type="text/javascript" src="includes/jscript/jquery.js"></script> 



<div class="container"> 


<div class="navbar"> 
    <div class="navbar-inner"> 
     <div class="container-fluid"> 
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
        </a> 
      <a class="brand" name="top">Dropdown Test</a> 
       <div class="nav-collapse collapse"> 
       <ul class="nav"> 
            <li class="divider-vertical"></li> 
        <li class="active"><a href="">Home</a></li> 
        <li><a href="#">Client Area</a></li> 
             <li><a href="contact">Contact</a></li> 
            </ul> 
          <ul class="nav pull-right"> 
         <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Account&nbsp;<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
         <li><a href="clientarea.php">Login</a></li> 
         <li><a href="register.php">Register</a></li> 
         <li class="divider"></li> 
         <li><a href="pwreset.php">Forgot Password?</a></li> 
       </ul> 
       </li> 
       </ul> 
    </div> 
     </div> 
    </div> 
</div> 



<link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"> 
<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" src="bootstrap/js/bootstrap-dropdown.js"></script> 


    <style type="text/css"> 


body 
{ 
margin:0; 
padding:0; 
background-color: #999; 
} 

.navbar { 
    margin-left: 5%; 
    margin-right: 5%; 
    margin-top: 2%; 
} 

</style> 
</body> 
</html> 
+0

瀏覽器控制檯中的任何錯誤? –

+0

您在頁面中包含jQuery兩次,這可能會導致引導JavaScript錯誤... –

+0

沒有錯誤,我試圖刪除文件中的一個jQuery鏈接,沒有工作。我也嘗試添加scprit,但沒有任何工作。 如果你想,然後轉到我的網站,並看到演示:hosting.theundeadgamer.com – Kotise

回答

1

是否缺少腳本這裏

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.dropdown-toggle').dropdown(); 
    }); 

+1

我已經通過在bootstrap.css之前添加jQuery工作 我確實改變它到ajax鏈接isntead,現在一切正常。 – Kotise

0

你有兩個引用到的jQuery。刪除底部的一個。