jquery - 如何从 ajax 自动建议列表中触发 jquery 事件

Question

当您将div元素悬停在特定的ID. 我使用jQuery进行滑入。
我有一个搜索功能，它使用ajax调用（原始ajax调用，不使用jQuery）搜索到的元素填充列表，然后搜索数据库并填充列表。

问题是我想在div单击自动建议列表中的列表元素时滑入。我认为这可以通过简单地添加相同的 id 名称来完成，以便jQuery拾取它并将div滑入。但这似乎不起作用。

任何建议都会有所帮助。

主要问题是jQuery没有获取列表中通过ajax调用填充的元素的 id。

jQuery代码：

    $(document).ready(function(){
    $(".mirror_content").hide(); 
    $('#mir_way').mouseover(function(){ 
    $('.mirror').stop().animate({width:"1109px", opacity: 1 ,  margin: "0 235px 
      0 0"}, 100, function() {
        $('.mirror_content').fadeIn('slow'); 
    })
});
$('#mir_way').mouseup(function(){
    $('.mirror_content').fadeOut('slow', function() {
        $('.mirror').stop().animate({width : "0",opacity : 0.1},100);
    });
});
$('#close').click(function(){
    $('.mirror_content').fadeOut('slow', function(){
        $('.mirror').stop().animate({width : "0",opcaity : 0.1},100);
    });
});
$('#close').bind('mouseenter', function() {
    $('.mirror').stop().animate({opacity: 0.4} , 400);
}).bind('mouseleave', function(){
    $('.mirror').stop().animate({opacity : 1},400);
});

$(window).mouseup(function(e){
    if ($('.mirror').has(e.target).length === 0){
        $('.mirror_content').fadeOut('slow', function(){
            $('.mirror').stop().animate({width:"0", opacity : 0.1},        
      100);
        });
    }
}); 
    $(window).keyup(function(event) {
     if(event.which === 27) {
        $('.mirror_content').fadeOut('slow', function() { 
            $('.mirror').stop().animate({width:"0", opacity:0.1}, 100);

        });
     }
  });

 });

填充自动建议的 php 代码：

  <a href="#" id = "mir_way" style = "text-decoration : none;">
  <li class = "search_item">
  <span class = "search_name"><?php echo $firstname.'&nbsp;'.$lastname.'<br>'; ?></span>
  <span class = "sec_line"><?php echo $gender; ?></span>
  </li></a>