Question

如何使用jQuery用JSP代码替换div内容？

我尝试了以下代码，但它没有显示任何内容。

HTML：

(ie. GetProfiles(oauth_token)
tableid_input = "ga:72848696")

jQuery的：

<ul class="list-group" id="menuList">
<li id="dashboard" class="list-group-item active">&nbsp;
    <span class="glyphicon glyphicon-home">&nbsp;</span>
    Dashboard
</li>
<li id="users" class="list-group-item">&nbsp;
    <span class="glyphicon glyphicon-user">&nbsp;</span>
    Users
    <span class="badge">5</span>
</li>
<li class="list-group-item">&nbsp;
    <span class="glyphicon glyphicon-tasks">&nbsp;</span>
    Tasks
    <span class="badge">0</span></li>
<li class="list-group-item">&nbsp;
    <span class="glyphicon glyphicon-th-list">&nbsp;</span>
    Articles
    <span class="badge">0</span>
</li>
<li class="list-group-item">&nbsp;
    <span class="glyphicon glyphicon-cog">&nbsp;</span>
    Settings
</li></ul>

<div class="col-md-10 col-centered" id="content"></div>

Answer 1

试试这个：你没有正确关闭括号。

<ul class="list-group" id="menuList">
<li id="dashboard" class="list-group-item active">&nbsp;<span class="glyphicon glyphicon-home">&nbsp;</span>Dashboard</li>
<li id="users" class="list-group-item">&nbsp;<span class="glyphicon glyphicon-user">&nbsp;</span>Users<span class="badge">5</span></li>
<li class="list-group-item">&nbsp;<span class="glyphicon glyphicon-tasks">&nbsp;</span>Tasks<span class="badge">0</span></li>
<li class="list-group-item">&nbsp;<span class="glyphicon glyphicon-th-list">&nbsp;</span>Articles<span class="badge">0</span></li>
<li class="list-group-item">&nbsp;<span class="glyphicon glyphicon-cog">&nbsp;</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>

使用jQuery将JSP代码添加到HTML div标签

1 个答案: