jQuery：链接鼠标悬停上的用户'hovercard'

Question

目前，当您将鼠标悬停在特定的锚标签上时，“hovercard”元素会逐渐消失，其中包含有关该用户的信息以及一些链接。悬浮卡前置于主体，并在计算悬停链路的偏移量后定位为绝对值。这使它看起来像是指向悬停的链接。

无论如何，当悬停的锚标签或悬浮卡本身被“掏出”时，我希望悬浮卡淡出。所以问题是如何允许一个光标从原始悬停的锚移动到悬浮卡，只有当光标超出这两个元素时才将其淡出？

这是我当前的JS，当您将鼠标悬停在原始锚标记上时会删除悬浮卡。

$('a.show_card').hoverIntent({
    over: function() {
      var link_offset = $(this).offset();
      var top = link_offset.top;
      var left = link_offset.left + $(this).width();
      var styles = {
        'top': top + 'px',
        'left': left + 'px'
      }
    $('<div id="hovercard">hi there</div>').hide().css(styles).prependTo('body').fadeIn();
    }, 
    timeout: 1000, 
    out: function() {
      // hide card
      $('#hovercard').fadeOut(function() {
        $(this).remove();
      });
    }
});