javascript - div 可见性不断切换

Question

这很简单，但我无法修复此错误。我有一个 div 默认情况下可见并隐藏在 mouseover 上以显示其下方的菜单，但由于某些明显的原因，可见性效果不断重复，而不仅仅是mouseover 和 mouseout。

我使用了以下 JavaScript

$(document).ready(function(e) {
    $("#butt").mouseover(function () {
        $(this).closest("button").css("visibility","hidden");
    })
    $("#butt").mouseout(function () {
        $(this).closest("button").css("visibility","visible");
    });
}); 

the fiddle is here

当您将鼠标悬停 fiddle 中的图像时，它会不断隐藏和出现...

Answer 1

您的 fiddle 行为非常合乎逻辑。您尝试在鼠标悬停时隐藏某些东西，但当该元素有效消失时，鼠标不再位于其上!所以有一个mouseout!这就是它闪烁的原因，只需尝试实现比这更合乎逻辑的行为，你就不会再遇到那种问题了。

不闪烁的示例:

    $(document).ready(function(e) {
    $("#butt").mouseover(function () {
        $("span", $(this)).css("visibility","hidden");
      })
      $("#butt").mouseout(function () {
        $("span", $(this)).css("visibility","visible");
      });
});     

http://jsfiddle.net/xMwCN/5/