Javascript jquery mouseenter-mouseleave不工作
我想更改不同表td中的图像。我想用javascript来更改它,因为我正在为4种不同的语言使用一个PHP会话变量。这意味着,我将有8个不同的图像为一个表单元(2个图像为1种语言,一个正常的图像和悬停图像) 我有以下代码:Javascript jquery mouseenter-mouseleave不工作,javascript,jquery,session,Javascript,Jquery,Session,我想更改不同表td中的图像。我想用javascript来更改它,因为我正在为4种不同的语言使用一个PHP会话变量。这意味着,我将有8个不同的图像为一个表单元(2个图像为1种语言,一个正常的图像和悬停图像) 我有以下代码: var jsGlobalLang = "<?php echo $_SESSION['lang'];?>"; $(".menu-item").mouseenter(function(){ var item_id = ""; switch(this
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='' />");
});
我认为如果你替换td的html
$(this).html("<img src='images/lang/"+ jsGlobalLang +"_" + item_id + "_hover.gif' alt='' />");
$(this.html(“”);
$(“.menu item”)
中没有鼠标出,因为没有class=的元素。menu item
我没有对此进行测试,但可能是这样的我认为在这种情况下,您需要使用
mouseleave
,而不是mouseout
$(".menu-item").mouseleave(function(){
alert('TEST !');
});
或者使用
mouseover
代替mouseenter
您使用哪个版本的jQuery?我用的是最新的,mouseout/mouseleave似乎有一些问题
让我们等到他们解决这个问题吧?我的错。。。编辑。谢谢应该没有区别:)因为
img
标签是作为的子菜单项添加的,所以会有区别。对(嗯,现在我必须调查:P)
$(".menu-item").mouseleave(function(){
alert('TEST !');
});