2011-05-01 77 views
5

我正在製作一個圖像滑塊,用於加載用戶使用jQuery所點擊的圖像。我在Chrome中使用效果很好,但是當我在Firefox和IE中試用它時,根本沒有加載圖像。這裏是我的代碼:jQuery event.target不能在firefox和IE中工作?

$("img.clickable").click(function() { 
    $("#image_slider").animate({opacity:1.0,left:200},"slow"); 
    $("#image_container").attr("src",event.target.src); 
    ihidden = false; 
}); 

當我嘗試在firefox或IE中運行它時,它根本沒有加載圖像。有任何想法嗎? :)

回答

9

您需要的參數來定義event

$("img.clickable").click(function(event) { 
    $("#image_slider").animate({opacity:1.0,left:200},"slow"); 
    $("#image_container").attr("src",event.target.src); 
    ihidden = false; 
}); 

否則它會使用window.event

+1

是的,這是正確的答案 – jwerre 2011-05-01 04:45:15

+0

修復它。謝謝! – CaffeinatedCM 2011-05-01 14:36:00

+0

完美的解決方案。謝謝! – 2015-07-12 12:11:45

1

嘗試使用$(this).attr('src')代替event.target.src

0

$("img.clickable").click(function(e) { $("#image_slider").animate({opacity:1.0,left:200},"slow"); $("#image_container").attr("src",$(e.target).attr('src')); ihidden = false; });

這應該只是罰款

1

試試這個:

target = (window.event) ? window.event.srcElement /* for IE */ : event.target 
+0

當jQuery已經將這些內容抽象出來時,這並不是真正需要的。你還應該首先檢查'target',並在'srcElement'上進行回退。 – alex 2012-02-04 22:28:23

相關問題