Javascript JQuery停止我的导航栏下拉_Javascript_Jquery_Html_Jsp

Javascript JQuery停止我的导航栏下拉

javascript jquery html jsp

Javascript JQuery停止我的导航栏下拉,javascript,jquery,html,jsp,Javascript,Jquery,Html,Jsp,我有一个.jsp文件，它使用这个脚本 <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> 在我的正文中，我在.jsp文件中包含一个menu.html，如下所示： <body> <jsp:include page="menu.html"/> </body> 问题是，当我包含javascript时，我的菜单不再工作。“不工作”我的意思是，下拉菜单不

我有一个.jsp文件，它使用这个脚本

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

在我的正文中，我在.jsp文件中包含一个menu.html，如下所示：

<body>
    <jsp:include page="menu.html"/>
</body>

问题是，当我包含javascript时，我的菜单不再工作。“不工作”我的意思是，下拉菜单不再工作了。为什么会这样

home.jsp

<%@ page session="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="de">
    <head>
        <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    </head>
    <body>
        <jsp:include page="menu.html"/>
    </body>
</html>

menu.html

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">WORKS<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/link1">DOES NOT WORK</a></li>
            <li><a href="/link2">DOES NOT WORK</a></li>
            </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

不确定您在做什么，但这似乎有效。可能是因为您缺少bootstrap.min.js文件？如果没有，请确保jquery.min.js文件位于所有bootstrap.js文件之前

您使用的css是什么？我在这里使用脚本：您可以在那里找到css文件。编辑：我也在使用bootstrap.min.css、bootstrap-theme.min.css、bootstrap-theme.css和bootstrap.css。因此，您可以将js文件添加到身体的末尾，而不是头部标记中。也许可以尝试将bootstrap.is移动到菜单页？谢谢，很高兴帮助您的JSFIDLE不显示链接或任何文本，只显示导航栏，但是里面什么都没有：/100%的浏览率

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">WORKS<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/Wettkampf/svc/veranstaltung/edit">DOES NOT WORK</a></li>
            <li><a href="/Wettkampf/svc/veranstaltung/findAll">DOES NOT WORK</a></li>
            </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>