Javascript 下拉列表不会通过单击_Javascript_Jquery_Html_Twitter Bootstrap

Javascript 下拉列表不会通过单击

javascript jquery html twitter-bootstrap

Javascript 下拉列表不会通过单击,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,这就是我如何用带有sass的boostrap“出租”的方式，这就是当我点击我的下拉菜单时的方式，我将下拉菜单添加到菜单中，这样它就不会“下来”，换句话说就是展示自己我在菜单上已经这样做了 <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true">Opret <span class="c

这就是我如何用带有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的新版本和旧版本，这两个版本是在我将引导收集到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>


-JSFIDLE用户演示86745458
//  






导航标题

建议将其他javascript插件或您自己的javascript放在

我试着拿走其中一个，但它也不起作用。我在页面底部加上了代码，我是如何做到的。那里也不会什么都没有。如果我使用浏览器进行移动友好，它也不会起任何作用/我希望你会给我一个+1的好问题，而你的团队会更新代码。你在控制台上看到任何js错误吗？你有自己的样式表（css）来修改引导吗？@JeanGkol我添加头部如何看我。你可以在浏览器的“控制台”部分看到有什么错误/缺失。按F12键或右键单击页面，然后单击“inspect element”，然后查找“console”。它表示查找jquery all没有任何错误。lightbox.js似乎需要上面的jqueryit@JeanGkol不，不是这样。

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