鼠标输出上的jQuery悬停问题

我使用jQuery变量“mouseover”和“mouseout”在将鼠标悬停在另一个DIV元素上时显示DIV元素

-如果您将鼠标悬停在右上角的“行动呼吁”上，您会看到一个下拉列表

问题是，当鼠标滑过下拉菜单本身时，下拉菜单开始表现出古怪的行为，并且无法保持打开状态。我的jQuery代码是：

    $("#call-to-action").mouseover(function(e) {     
    $("#call-to-action-dropdown").show("slide", { direction: "up" }, 200);  
    e.stopPropagation();
  });
  $("#call-to-action").mouseout(function(e) {     
    $("#call-to-action-dropdown").hide("slide", { direction: "up" }, 200);  
  });
}); 

---

请问我犯了什么错误？

使用

mouseenter

和

mouseleave

而不是

mouseover

和

mouseout

。看

---

（你几乎永远都不想使用

mouseover

/

mouseout

，当你这样做的时候，你就会知道了。）

听起来与