jQuery event.target ne fonctionne pas dans Firefox et IE?

Question

Je travaille sur la création d'un curseur d'image qui charge l'image sur laquelle l'utilisateur clique en utilisant jQuery. Je l'ai bien fonctionné dans Chrome, mais quand je l'ai essayé dans Firefox et IE, il ne charge pas l'image du tout. Voici mon code:

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

Lorsque j'essaie d'exécuter ceci dans Firefox ou IE, il ne charge tout simplement pas l'image. Des idées? :)

Answer 1

Vous devez définir les event dans les arguments.

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

Sinon, il va utiliser window.event.

Answer 2

essayer d'utiliser $(this).attr('src') au lieu de event.target.src

Answer 3

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

Cela devrait fonctionner très bien

Answer 4

Essayez ceci:

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