2013-03-14 112 views
0

我有一個腳本,每次用戶將鼠標懸停在我的頁面按鈕之一上時都會運行。這在safari和chrome中效果很好,但是在firefox中,event.target.id被返回null,所以我的腳本的其餘部分無法運行。起初我認爲這是一個與mouseenter有關的問題,但我添加了一個警告給我的功能,它被解僱了,所以它被觸發。控制檯顯示event.target.id爲空,這就是問題所在。event.target.id在firefox中不工作

任何人都有修復?這會抓取用戶懸停的按鈕的id,並將頁面的主體設置爲與隱藏div的html相同的類,即按鈕的id。

$(".label").mouseenter(function(){ 
    var hover=(event.target.id); 
    $('.centercover').fadeIn(400) 
    var filler= $('.'+hover).html(); 
    ....rest of script for fadding in new content... 
    } 
+2

您需要聲明的函數的事件的說法。 '$(「。label」)。mouseenter(function(event){' – 2013-03-14 18:22:04

回答

1
$(".label").on('mouseenter', function(event){ //pass the parameter 
    var hover = event.target.id; 
    $('.centercover').fadeIn(400) 
    var filler = $('.' + hover).html(); 

}); 
+0

我確信他正在這樣做,否則,它不會像OP所說的那樣在任何地方工作。 – jAndy 2013-03-14 18:24:07

+0

@jAndy:其他瀏覽器可能仍然有一個IE兼容性的全局'事件'變量 – Bergi 2013-03-14 18:28:02

+0

這個效果很好,雖然在Firefox中表現很差。 – centree 2013-03-14 21:33:27