jQuery mouseleave删除如果下一个悬停ID不等于'X'

Question

我试图检测图标悬停后下一个悬停是什么。

当图标（class =“infoToolTip”）被徘徊时，会显示一个文本框，用户是否离开图标并进入文本框（id =“tooltip”）我需要保留以显示文本框。

如果悬停的项目既不是'tooltip'或'infoToolTip'，那么我需要删除'tooltip'的任何实例。下面是我到目前为止的jQuery，任何帮助都会很棒。在此先感谢您的回复。

的jQuery：

$('body').on('mouseenter', '.infoToolTip', function(){ 
    $('#tooltip').css({ left: pos_left, top: pos_top }).animate({ opacity: 1 }, 0); 
}); 

$('body').on('mouseleave', '#tooltip, .infoToolTip', function(){   
    $('#tooltip').remove(); 
}); 

JSFIDDLE

Answer 1

我决定用 '是：悬停'

 $('body').on('mouseleave', '.infoToolTip', function(){  
       if(!$("#tooltip").is(':hover')) { 
       $('#tooltip').remove(); 
       } 
     });