jquery - 当我将鼠标悬停在按钮上时保持另一个 div 显示块，但如果我要滚动它则关闭块元素

Question

任何想法都会很好地解决这个问题。本质上它与子菜单的想法相同。

 $(".button").on({
    mouseenter: function (e) {
       //display my other div as a block element and fade it in
    },
    mouseleave: function () {
 //if my mouse leaves that block element then fade it out.
 }
});

Answer 1

在你的 CSS 中设置另一个 divdisplay: none并使用 jQueryfadeIn()和fadeOut()方法来打开/关闭它：

$(".button").on({
  mouseenter: function (e) {
    $(".other-div").fadeIn();
  },
  mouseleave: function () {
    $(".other-div").fadeOut();
  }
});

见演示。