다음은 html 순서없는 목록 구현입니다.
<div id="dropdownmenu" style="position: fixed; margin: 0 auto; width: 100%; position: fixed; opacity: 1; text-align: center;">
<ul id='navbar' class="menu">
<li><a href="Home">Home</a></li>
<li class="active"><a href="#s2"><%= session.getAttribute("name") %></a>
<ul id='profile' class="submenu">
<li id='account'>Account</li>
<li id='password'><a>Change Password</a></li>
<li id='myitinerary'><a>My Itineraries</a></li>
<li id='promotions'><a>Promotions</a></li>
</ul>
</li>
<li><a href="/ExpressBus-war/Logout">Logout</a></li>
</ul>
</div>
그리고 여기 내가 실행하려는 스크립트가 있습니다.
<script>
$(function() {
$("#dropdownmenu").click(function(event) {
if(event.target.id === 'myitinerary')
{
$.post({
type: 'POST',
data: {
username: <%= session.getAttribute("username") %>;
},
url: "GetItineraries",
success: function(result){
$('#content2').empty();
$("#content3").empty();
$("#content4").empty();
$('#content').html(result);
}
});
}
});
});
</script>
저는 Netbeans EE를 사용하고 있습니다. 기본적으로 서블릿에서 얻은 결과로 내용을 채우는 것입니다. 그러나 지금까지 내가 시도한 모든 것이 제대로 작동하지 않습니다.
문제를 해결할 수 있었고 스크립트에서 몇 가지를 수정해야했습니다. 그리고 나중에 작동했습니다.
$(function() {
$("#profile li").click(function(event) {
if(event.target.id === 'myitinerary')
{
$.post({
type: 'POST',
data: {username: '<%= session.getAttribute("name") %>' },
url: "GetItineraries",
success: function(result){
$('#content2').empty();
$("#content3").empty();
$("#content4").empty();
$('#content').html(result);
}
});
}
});
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다