引导程序下拉菜单无法正常工作

问题描述:

请问您告诉我这段代码有什么问题!引导程序下拉菜单无法正常工作

<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

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 –