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

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

我决定使用＆＃39; is：hover＆＃39;

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