jquery - .slideUp() 将鼠标悬停在除特定 div 之外的任何其他内容上时

Question

我目前有这段代码：

$(".usericon").hover(function () {
   if ($(".profile").is(":hidden")) {
   $(".profile").slideDown('slow');
   }
   });

当前正在向下滑动 .profile div，同时将鼠标悬停在 .usericon 上（但仅当它被隐藏时）

我想做的是，当我将鼠标悬停在 .profile 上时，什么也没有发生……但是当我将鼠标悬停在 .profile 以外的任何其他位置时，它会向上滑动。

我将如何实现这一点？

Answer 1

为此，您需要在配置文件或用户图标上方时停止鼠标事件冒泡，并在悬停主体时关闭 div。

这是一些示例代码：

$(".usericon").mouseover( function (event) {
    event.stopPropagation();
    if ($(".profile").is(":hidden")) {
        $(".profile").slideDown('slow');
    }
});

$('.profile').mouseover( function (event) {
    event.stopPropagation();
});


$('body').mouseover( function () {
    if ($(".profile").not(":hidden")) {
        $(".profile").slideUp('slow');
    }
});