JQuery Mouseleave событие для IE7

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, когда мышь покидает дочерний элемент (изображение), она вызывает отпускание мыши и закрытие подменю.Я ссылаюсь на документ JQuery и предполагаю, что mouseleave не будет иметь этой проблемы.Кто-нибудь может поделиться вашим комментарием по этому делу?Спасибо.

Answer 1

Это может быть связано с тем, как событие присоединяется к событиям dom-dom, инициируемым содержащимся в нем элементом, может пузыриться к внешнему элементу.Обходным путем может быть проверка правильности элемента

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