javascript - jquery mouseenter - mouseleave 不工作

Question

我想更改不同表 td 中的图像。我想用 javascript 更改它，因为我正在为 4 种不同的语言使用 PHP session 变量。这意味着，我将为一个表格单元格提供 8 个不同的图像(1 种语言的 2 个图像，一个普通图像和一个悬停图像)。

我有以下代码:

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

我认为在这种情况下您需要使用 mouseleave 而不是 mouseout

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

或使用 mouseover 而不是 mouseenter。