Jquery显示隐藏单链接菜单无法在鼠标离开时隐藏 $（文档）.ready（函数（）{ $（“.link”）。单击（函数（）{ $（“.myList”）.show（）； $（“.link1”）。单击（函数（）{ $（“.myList”）.hide（）； }); }); });

我想在鼠标移出时隐藏列表面板，目前我可以在单击任何链接时隐藏列表面板，但也希望在鼠标移出时隐藏列表面板…

只需将单击事件更改为mouseout；-）

你也有一个拼写错误：mylist&mylist

---

试试这个

$(".link").click(function(ev){ 
    $(".myList").show();
    ev.preventDefault();
});
$(".link1").mouseout(function(){
    $(".myList").hide();
});

试着改用这个

试试

$(".link").click(function(ev){ 
    $(".myList").show();
    ev.preventDefault();
});
$(".myList").mouseleave(function(){
    $(".myList").hide();
});

---

如果不使用动画，我认为最好使用CSS:hover伪类来完成此任务。但是如果您想使用jQuery，那么就使用mouseout事件。但为了防止下拉列表在移动到上面时消失，您应该将事件绑定到.myDiv

$('.myList').mouseout(function() { $(this).hide(); });

你也可以试试hoverIntent插件，它非常适合我的需要。它延迟显示和隐藏，以防止意外消失

---

我认为您应该添加attr或css而不是hide（），谢谢Andy，它工作正常，但仍然不完美。即使我的鼠标位于myList div中，它也是隐藏面板。只有当我把鼠标移出那个div时，它才会隐藏起来。

$(".link").click(function(ev){ 
    $(".myList").show();
    ev.preventDefault();
});
$(".myList").mouseleave(function(){
    $(".myList").hide();
});

$('.myList').mouseout(function() { $(this).hide(); });

$('.myDiv').mouseout(function(){
    $(".myList").hide()
})