javascript - 当鼠标移动缓慢时，Bootstrap 4 中的菜单消失

Question

我在跑 this fiddle当鼠标指针从开始快速移动到展开的菜单时，一切正常。但是，当移动速度较慢时，菜单会关闭，因为感觉就像鼠标在左边。

const menu = $("li.dropdown");
menu.on("mouseenter mouseleave", () => {
  menu.toggleClass("open");
});

最初，我试图让列表项控件更高，但很快意识到菜单将在下方打开(加上这个不幸的垂直距离)。

我该怎么办？

显然，Bootstrap 的创建者出于某种原因发现这很好(或者没有考虑鼠标移动而是点击)。我是否以不恰当的方式设置了悬停事件？

Answer 1

对我来说这个解决方案更好

here是 fiddle

.open>.dropdown-menu{
    margin-top: initial;
}