IE7的JQuery Mouseleave事件

Question

我正在使用以下代码实现一个简单的下拉菜单：

<div id="submenu">
  <img id="1" src="..." />
  <img id="2" src="..." />
  <img id="3" src="..." />
</div>

jquery代码是：

$('#submenu').mouseleave(function(){
$('#submenu').slideup()
});

它适用于Firefox，但不适用于IE。在IE中，当鼠标离开子元素（图像）时，它将触发mouseleave和子菜单关闭。我指的是JQuery doc并假设mouseleave不会有这个问题。任何人都可以分享您对此案的评论吗？感谢。

Answer 1

可能与事件如何附加到dom-dom由包含元素触发的事件可能会冒泡到外部元素。解决方法可能是测试元素是否正确

$('#submenu').mouseleave(function(event){
    if($('#submenu')[0] == event.target){
        $('#submenu').slideup()
    }
});