Jquery 下拉菜单没有';当我在另一个JSP中包含导航栏时,它将无法工作
我正在尝试将navbar.jsp包含到我的其他页面中 navbar拥有一个下拉菜单,当我加载navbar.jsp时,它正在工作 但是当我将导航栏包含到另一个JSP文件中时,下拉菜单不起作用!!! 我尝试了所有方法,更改了include标签的位置,但似乎没有任何效果 另一个细节:我在一个网站上找到了一个导航栏,我尝试了同样的方法,然后。。。同样的事情! 以下是我的navbar.jsp代码:Jquery 下拉菜单没有';当我在另一个JSP中包含导航栏时,它将无法工作,jquery,twitter-bootstrap,jsp,Jquery,Twitter Bootstrap,Jsp,我正在尝试将navbar.jsp包含到我的其他页面中 navbar拥有一个下拉菜单,当我加载navbar.jsp时,它正在工作 但是当我将导航栏包含到另一个JSP文件中时,下拉菜单不起作用!!! 我尝试了所有方法,更改了include标签的位置,但似乎没有任何效果 另一个细节:我在一个网站上找到了一个导航栏,我尝试了同样的方法,然后。。。同样的事情! 以下是我的navbar.jsp代码: <%@ page language="java" contentType="text/html; ch
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Navbar</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="bootstrap-3.2.0-dist/css/bootstrap.css">
<link rel="stylesheet" href="bootstrap-3.2.0-dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="navbar/navbar.css">
<script src="jquery2.0.3/jquery.min.js"></script>
<script src="bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand">Navigation</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="blue"><a href="#"><i class="fa fa-lg fa-home fa-1x"> </i></a></li>
<li><a href="#"><i class="fa fa-lg fa-search fa-1x"></i></a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-lg fa-desktop fa-1x"></i>
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="blue"><a href="#">Link1</a></li>
<li class="blue"><a href="#">Link2</a></li>
<li class="blue"><a href="#">Link3</a></li>
<li class="blue"><a href="#">Link4</a></li>
</ul>
</li>
<li><a href="#"><i class="fa fa-lg fa-bar-chart fa-1x"></i></a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a><i class="fa fa-lg fa-user fa-1x"></i>User</a></li>
<li><a><i class="fa fa-lg fa-sign-out fa-1x"></i>Sign Out</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
导航栏
- 使用者
- 注销
这是我的主页的标题,其中包括navbar.jsp(我已经尝试了所有可能的地方)
身体
{
填充顶部:0;
填充底部:50px;
}
主要
您在navbar和home JSP中都包含了jQuery。它们相互矛盾。删除任何一个…我怀疑这不是问题,因为Jquery有相同的版本,但事实上是。我首先从导航栏中删除了Jquery,但它不起作用,然后我从主页上删除了它,现在它可以正常工作了!谢谢
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<jsp:include page="navbar.jsp"/>
<style>
body
{
padding-top:0;
padding-bottom:50px;
}
</style>
<link rel="stylesheet" href="font-awesome-4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="bootstrap-3.2.0-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap-3.2.0-dist/css/bootstrap-theme.min.css">
<script src="jquery2.0.3/jquery.min.js"></script>
<script src="bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
<title>Main</title>
</head>