Добавить JSP-код в тег HTML div с помощью jQuery

Как заменить содержимое div на JSP-код с помощью jQuery?Добавить JSP-код в тег HTML div с помощью jQuery

Я пробовал код ниже, но это ничего не показывает.

HTML:

<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>

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\" />"); 
});

источник

2015-11-13 Gawad Azzam

Где находится элемент менюСписок? или добавить jsfiddle –

Я добавил код menuList –

Попробуйте это: Вы не закрывал скобки правильно.

<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>

источник

2015-11-13 12:12:34

, он работает сейчас, но когда я поместил код jquery во внешний файл, он не работает, я попытался изменить имя пути и получил тот же результат, –

Где вы включили js-файл в html-страница? –

да, у меня есть две папки «Admin» и «javascript», у меня есть user.jsp внутри папки администратора и код jquery в папке javascript –

Добавить JSP-код в тег HTML div с помощью jQuery

ответ

Смежные вопросы