<!DOCTYPE html>
<html>
<head>
<title>SaaS</title>
<link href="style/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="style/font-awesome.css">
<link href="style/style.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="content">
<div id="menu" class="sidebar">
<div class="sidebar-dropdown"></div>
</div>
</div>
<script>
$.ajax({
url:"GetmenuServlet",
type:"get",
dataType:"text",
success:function (data) {
var html ="<ul id="nav">";
html+="<li><a href="index.jsp" class="open"><i class="icon-home"></i> </a></li>";
html+="<c:if test="${username!=null}">";
html+="<li class="has_sub"><a href="-sharp"><i class="icon-home"></i>";
html+="<span class="pull-right"><i class="icon-chevron-right"></i></span>";
html+="</a>";
html+="<ul>";
html+="<li><a href="index.jsp"></a></li>";
html+="<li><a href="index.jsp">2</a></li>";
html+="</ul>";
html+="</li>";
html+="</c:if>";
html+="</ul>";
$("-sharpmenu").append(html);
}
});
</script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
</body>
</html>among them, the two submenus under the application test menu cannot be expanded. Personally, I think the action in custom.js is not realized, but it can not be changed. Find out how to implement
.