为什么我用 append()插入代码后
    标签中的东西无法显示

moonbeautiful 2018-04-02 07:13:54
<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>
运行的话是可以的,用了好多方法都无法实现,请问这该怎么改?
...全文
322 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
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>
这个是完整代码

87,886

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧