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

Question

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

当图标 (class="infoToolTip") 悬停时会显示一个文本框，用户是否离开图标并进入文本框 (id="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

我决定使用'is :hover'

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