javascript - 如果鼠标聚焦在新的 div 上，我如何在鼠标悬停事件期间显示持续存在的 div？

Question

假设我有一个 div，我将 .mouseover 函数绑定(bind)到它上面显示另一个 div(其中，可能超过原始 div 的大小)。是否可以在 .mouseover 过渡期间保持第二个 div 显示而没有任何明显的闪烁？

我在 Chrome 上使用 jQuery 1.11，主要是 SVG 元素。

fiddle :http://jsfiddle.net/nvjqdn0j/10/

Answer 1

我刚刚调整了你的 Fiddle .

$("#display, #mouseOverElement").mouseover(function () {
 $("#mouseOverElement").css("visibility", "visible");
});

$("#display, #mouseOverElement").mouseout(function () {
 $("#mouseOverElement").css("visibility", "collapse");
});

现在，只要鼠标悬停在 #display 和/或 #mouseOverElement 上，div 就会一直显示。