如何将mouseover和mouseleave事件与jquery中的不同目标关联起来？

Question

我使用jquery .hover函数在鼠标输入按钮时显示列表。但是当我把鼠标放到这个列表中并选择一些元素时，这个列表就会消失。我认为这是因为.hover函数与按钮而不是列表相关联。那么，我如何才能将mouseover事件与按钮关联，将mouseleave事件与按钮关联，并将整个列表关联起来呢？

Answer 1

您不需要使用.hover，而是将mouseenter和mouseleave绑定到所需的元素。

$(thelist).on("mouseleave",function(){
    // hide the list
});
$(thebutton).on("mouseenter",function(){
    // show the list
});