引导下拉不会工作。试了一切...（引导2.3.2）

-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>

来源

2013-08-27 Kotise

浏览器控制台中的任何错误？ –

您在页面中包含jQuery两次，这可能会导致引导JavaScript错误... –

没有错误，我试图删除文件中的一个jQuery链接，没有工作。我也尝试添加scprit，但没有任何工作。如果你想，然后转到我的网站，并看到演示：hosting.theundeadgamer.com – Kotise

是否缺少脚本这里

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

来源

2013-08-27 12:41:09

我已经通过在bootstrap.css之前添加jQuery工作我确实改变它到ajax链接isntead，现在一切正常。 – Kotise

你有两个引用到的jQuery。删除底部的一个。

来源

2014-05-13 22:37:00 DeadlyChambers

引导下拉不会工作。试了一切...（引导2.3.2）

回答

相关问题