87,996
社区成员
发帖
与我相关
我的任务
分享为什么我用 append()插入代码后标签中的东西无法显示
<div class="content">
<div id="menu" class="sidebar">
<div class="sidebar-dropdown"></div>
</div>
</div>
<script>
$(function(){
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='#'><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'>租户管理1</a></li>";
html+="<li><a href='index.jsp'>租户管理2</a></li>";
html+="</ul>";
html+="</li>";
html+="</c:if>";
html+="</ul>";
$('#menu').append(html);
});
</script> 这样运行后，点击应用测试后租户管理1和租户管理2无法下拉。
如果直接在
<div id="menu" class="sidebar">
<div class="sidebar-dropdown"></div>
<ul id="nav">
<li><a href="index.jsp" class="open"><i class="icon-home"></i>首页</a></li>
<li class="has_sub"><a href="#"><i class="icon-home"></i>应用测试
<span class="pull-right"><i class="icon-chevron-right"></i></span></a>
<ul>
<li><a href="index.jsp">租户管理1</a></li>
<li><a href="index.jsp">租户管理2</a></li>
</ul></li>
</ul>
</div>
...全文
请发表友善的回复…
发表回复
moonbeautiful 2018-04-02
- 打赏
- 举报
学习了，谢谢
天际的海浪 2018-04-02
- 打赏
- 举报
<!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>
var html ="<ul id='nav'>";
html+="<li><a href='index.jsp' class='open'><i class='icon-home'></i> 首页</a></li>";
<c:if test='${username!=null}'>
html+="<li class='has_sub'><a href='#'><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>";
</c:if>
html+="</ul>";
$('#menu').append(html);
</script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
moonbeautiful 2018-04-02
- 打赏
- 举报
<!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>
$(function(){
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='#'><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>";
$('#menu').append(html);
});
</script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
