jQuery event.target no funciona en Firefox e IE?

Question

Estoy trabajando para crear un control deslizante de imagen que carga la imagen en la que el usuario hace clic usando jQuery. Lo tengo funcionando muy bien en Chrome, pero cuando lo probé en Firefox e IE no está cargando la imagen en absoluto. Aquí está mi código:

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

Cuando intento ejecutar esto en Firefox o IE simplemente no carga la imagen. ¿Algunas ideas? :)

Answer 1

es necesario definir el event en los argumentos.

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

De lo contrario, va a utilizar window.event.

Answer 2

tratar de usar en lugar de $(this).attr('src')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; });

Esto debería funcionar bien

Answer 4

Prueba esto:

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