Question

我确定已经问过这个问题，但我没有找到它。

我有li项目充当子子菜单div的父母。

在父li悬停时，子div显示。但是，当我模糊父母时，孩子会隐藏。

如果鼠标光标位于子div上，我怎样才能使子div保持可见，一旦光标离开div，div就会隐藏。

到目前为止我的代码如下：

$(document).ready(function(){
    $(".menuSection").hover(function(){
        $(this).children(".subMenuWrap").fadeIn(100);
    });
    $(".subMenuWrap").blur(function(){
        $(this).fadeOut(100);
    });
});

截至目前，fadeIn工作正常，他们只是不会消除模糊。任何帮助表示赞赏！

Answer 1

悬停和模糊指的是不同的东西。悬停是指鼠标的位置（mouseenter，mouseleave），blur表示元素丢失focus。您可以给hover两个函数，第一个将在用户将鼠标移动到该区域时运行，第二个将在鼠标离开时运行：

$(document).ready(function(){
    $(".menuSection").hover(function(){
        $(this).children(".subMenuWrap").fadeIn(100);
    },function(){
        $(this).children(".subMenuWrap").fadeOut(100);
    });
});

fondIn孩子在悬停然后淡出孩子的孩子模糊

1 个答案: