jquery mouseenter - mouseleave не работает

Question

Я хочу изменить изображение в разных таблицах td. Я хочу изменить его с помощью javascript, потому что я использую переменную сеанса PHP для 4-х разных языков. Это означает, что у меня будет 8 разных изображений для одной ячейки таблицы (2 изображения для 1 языка, нормальное изображение и изображение наведения).

У меня есть следующий код:

var jsGlobalLang = "<?php echo $_SESSION['lang'];?>"; 

$(".menu-item").mouseenter(function(){ 

    var item_id = ""; 

    switch(this.id) 
    { 
     case 'home' : { item_id = "acasa";break; } 
     case 'proiectaredecasa' : { item_id = "proiectare";break; } 
     case 'caseconstruite' : { item_id = "case_construite";break; } 
     case 'avantaje' : { item_id = "avantaje";break; } 
     case 'oferte' : { item_id = "oferte";break; } 
    } 

    $(this).html("<img src='images/lang/"+ jsGlobalLang +"_" + item_id + "_hover.gif' alt='' />"); 
}); 

Это работает, но когда я съехать мышь, функция не работает. Я попытался вызвать alert(); чтобы проверить, появилось ли окно предупреждения, но это не так.

$(".menu-item").mouseout(function(){ 
    alert('TEST !'); 
}); 

Answer 1

Ну я думаю, что если заменить HTML в тд

$(this).html("<img src='images/lang/"+ jsGlobalLang +"_" + item_id + "_hover.gif' alt='' />"); 

Там нет MouseOut от $(".menu-item"), поскольку нет ни одного элемента с классом = .menu-item

Я не проверял это, но это может быть так.

Answer 2

Я считаю, что в этой ситуации вам нужно использовать mouseleave, а не mouseout

$(".menu-item").mouseleave(function(){ 
    alert('TEST !'); 
}); 

или использовать mouseover вместо mouseenter.

Answer 3

Какую версию jQuery вы используете? Я использую последний, и, кажется, есть некоторые проблемы с отведением указателем мышью/MouseLeave

http://bugs.jquery.com/ticket/12366

Будет ждать, пока они не исправить это?