jQuery mouseout到<ul> </ul>以外的任何东西

Question

所以我创建了自己的右键单击上下文菜单，当您将鼠标悬停在右键菜单上时，我在右键菜单上有可扩展选项。如果鼠标离开右键菜单，我希望关闭展开的菜单，因此我使用了以下代码：

    $('ul').live('mouseout', function(event) {
    // close code here
});

但问题是每当我将鼠标移动到任何<li>元素上时都会调用事件。

怎么做???

Answer 1

$('ul')

这意味着所有ul元素。也许你可以给它一个班级（或一个id）并做

$('ul.theClass')

或者

$('#ulId')

Answer 2

您可能希望将代码更改为不将'ul'绑定到mouseout，因为'ul'标记会包装'li'标记，否则您执行的任何操作都无法使用。

解决方法是将菜单选项标题更改为div或其他内容，同时将菜单选项保留为'ul''li'标记

Answer 3

你应该试着尝试任何一个

 $('ul li.classnameforli').bind('mouseout','mouseleave' function(event) {
    // close code here
});

或者

 $('ul li.classnameforli').live('mouseout' function(event) {
    // close code here
});