данных на сайте не показываются после нажатия на подменю на вложенной маркированного списка с помощью Ajax с JQuery

Question

Вот 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, в основном то, что я намерен сделать, это заполнить контент результатом, полученным из сервлета. Но пока все, что я пробовал, не работает.

Answer 1

Мне удалось решить проблему, мне нужно было изменить некоторые вещи на моем скрипте. И это сработало позже.

$(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); 
          } 
         }); 
        } 
       }); 
      });