下拉不会通过单击下来

Drop down does not come down by clicking on the

本文关键字：单击      更新时间：2023-09-26

这就是我用 sass 的 boostrap "出租"的方式，这就是当我单击添加到菜单中的下拉菜单时，它不会"下来"换句话说展示自己。

我已经在菜单上这样做了。

<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true">Opret <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li class="dropdown-header">Nav header</li>
        <li><a href="#">Separated link</a></li>
        <li><a href="#">One more separated link</a></li>
    </ul>
</li>

在页面底部，我添加了新版本的jquery和旧版本，当我收集Bootstrap到我的Visual Studio Express 2013时，它随软件包一起提供

<script src="../Scripts/jquery-2.1.3.js"></script>
<script src="../javascripts/js/lightbox.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../js/bootstrap.min.js"></script>

编辑

<script src="../javascripts/js/lightbox.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../js/bootstrap.min.js"></script>

编辑 2

<head runat="server">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Instruktor Panel</title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="../stylesheets/StyleSheet.css" rel="stylesheet" />
    <link href="../stylesheets/css/lightbox.css" rel="stylesheet" />
</head>

编辑3 - 我发现的问题位于此处：

<script src="../javascripts/bootstrap.min.js"></script>
是我写的，它是用js写的，

但它都是用javascript写的

有两个版本的jquery js文件。删除其中一个，然后重试。

<script src="../Scripts/jquery-2.1.3.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

我刚刚复制了您的html代码并添加了jquery和bootstrap js文件。它适用于小提琴

这是 HTML 代码

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo by User86745458</title>  
  <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
});//]]>  
</script>
</head>
<body>
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true">Opret <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
       <li><a href="#">Action</a></li>
       <li><a href="#">Another action</a></li>
       <li><a href="#">Something else here</a></li>
       <li class="divider"></li>
       <li class="dropdown-header">Nav header</li>
       <li><a href="#">Separated link</a></li>
       <li><a href="#">One more separated link</a></li>
    </ul>
 </li>  
  <script type='text/javascript' src='http://code.jquery.com/jquery-2.1.0.js'></script>  
  <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
建议将

其他 JavaScript 插件或您自己的 JavaScript 放在<head> 

<head>
      <script src="../javascripts/js/lightbox.js"></script>
</head>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../js/bootstrap.min.js"></script>
相关文章：