使用jQuery向HTML标记添加JSP代码
使用jQuery向HTML标记添加JSP代码
提问于 2015-11-13 11:52:34
如何使用jQuery用JSP代码替换div内容？
我尝试了下面的代码，但它没有显示任何东西。
html：
<ul class="list-group" id="menuList">
<li id="dashboard" class="list-group-item active">
<span class="glyphicon glyphicon-home"> </span>
Dashboard
</li>
<li id="users" class="list-group-item">
<span class="glyphicon glyphicon-user"> </span>
Users
<span class="badge">5</span>
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-tasks"> </span>
Tasks
<span class="badge">0</span></li>
<li class="list-group-item">
<span class="glyphicon glyphicon-th-list"> </span>
Articles
<span class="badge">0</span>
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-cog"> </span>
Settings
</li></ul>
<div class="col-md-10 col-centered" id="content"></div>jQuery：
$(document).ready(function(){
$("#menuList > li").click(function(){
$(this).siblings().removeClass("active");
$(this).addClass(" active");
var id = $(this).attr('id');
alert(id);
$("#content").html("<jsp:include page=\"users.jsp\" />");
});回答 1
Stack Overflow用户
回答已采纳
发布于 2015-11-13 12:12:34
试一试:您没有正确地关闭括号。
<ul class="list-group" id="menuList">
<li id="dashboard" class="list-group-item active"> <span class="glyphicon glyphicon-home"> </span>Dashboard</li>
<li id="users" class="list-group-item"> <span class="glyphicon glyphicon-user"> </span>Users<span class="badge">5</span></li>
<li class="list-group-item"> <span class="glyphicon glyphicon-tasks"> </span>Tasks<span class="badge">0</span></li>
<li class="list-group-item"> <span class="glyphicon glyphicon-th-list"> </span>Articles<span class="badge">0</span></li>
<li class="list-group-item"> <span class="glyphicon glyphicon-cog"> </span>Settings</li></ul>
<div class="col-md-10 col-centered" id="content"></div>
<script>
$(document).ready(function(){
$("#menuList > li").click(function(){
$(this).siblings().removeClass("active");
$(this).addClass(" active");
var id = $(this).attr('id');
$("#content").html("<jsp:include page='users.jsp' />");
});
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33692165
复制相关文章
相似问题
腾讯云开发者
