Question

当我悬停具有特定div的元素时，我有一个ID。我使用 jQuery 进行滑动。
我有一个搜索功能，其中填充了一个列表，其中包含由 ajax 调用搜索的元素（原始 ajax 调用，而不是使用 jQuery ）到 php 文件，然后搜索数据库并填充列表。

问题是我想在自动建议列表中的列表元素时在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>

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

0 个答案: