jquery - 如何使 jquery 中的弹出窗口不闪烁

Question

我有一个简单的场景，其中有 div 标签，当鼠标悬停在其上时，会显示包含更多信息的覆盖层(使用 jquery 和 jquery ui)。我遇到的问题是，当鼠标悬停在覆盖层上时，覆盖层会闪烁:

$('#myobject').hover(function() {
  $popover = $('#popover');
  $popover.show();
  $popover.position({
    my: "left top",
    at: "left top",
    of: $(this)
  });
}, function() {
  $('#popover').hide();
});

显然我必须做一些事情，在弹出窗口上移动鼠标不会终止悬停事件，但我不知道如何做到这一点。您可以在此处看到正在运行的场景: http://jsfiddle.net/vRH3Q/2/

Answer 1

尝试将 child <div>在父级内<div> :

<div id='myobject'>
    My Object
    <div id='popover'>My Popover</div>
</div>

jsFiddle