jQuery的谅解备忘录事件的问题

Question

在我的网站，我有联系的东西像下面的图片列表中，他们每个人都有的相同类名称：

一旦用户悬停那些中的任何一个链接，某些图像会在文本的右侧弹出。事情是这样的：

而当内容以外的用户将鼠标悬停。图像将使用鼠标移出功能消失。到目前为止，一切工作都很好。但是，因为他们都有同一个班级。只要您在任何这些文字链接中，图像就不会消失。这会导致这样的事情：

如果从一个内容到另一个将鼠标悬停速度不够快就会发生这种情况。只要你在任何这些链接容器中，它都不会消失。我怎样才能让单一的图像出现，并防止他人同时出现？

这是我用来处理这个问题的代码。

$('.my_link a').bind('mouseover', function(){ 
     var my_title = $(this).html(); 
     var title_width = parseInt($(this).width()); 
     var next = $(this).next(); 
     $.post('ajax/get_ajax_function.php',{my_title : my_title }, function(data){ 
      $(next).html(data).css('left', title_width+10+'px'); 
        //The $(next).html() has a name class of '.my_info_wrap' which I remove once the user hover out the link, and put it back it when they hover inside the content. 

     }); 
    }).mouseout(function(){ 
     $('.my_info_wrap').remove(); 
    }); 

Answer 1

如何将之前拆除现有图像的新的：

$('.my_link a').bind('mouseover', function(){ 
      var my_title = $(this).html(); 
      var title_width = parseInt($(this).width()); 
      var next = $(this).next(); 
      $.post('ajax/get_ajax_function.php',{my_title : my_title }, function(data){ 
       $('.my_info_wrap').remove(); // <---------- HERE     
       $(next).html(data).css('left', title_width+10+'px'); 
         //The $(next).html() has a name class of '.my_info_wrap' which I remove once the user hover out the link, and put it back it when they hover inside the content. 

      }); 
     }).mouseout(function(){ 
      $('.my_info_wrap').remove(); 
     });