jQuery - Eventos que se heredan de padres a hijos?
Publicado por Alfonso (1 intervención) el 30/04/2014 00:01:01
Buenas noches, tardes o mañanas...
Ante todo, agradecer el tiempo en intentar solventar una duda. Sé que debe ser una tremenda estupidez, pero es algo que me está quebrando la cabeza.
El caso es bastante sencillo de explicar, aunque no logro sacarle solución. Se trata de un simple DIV que guarda en su interior una foto.
HTML
<div id="capa"><img src="www.google.com/favicon.ico" id="googleIcon" /></div>
CSS
#capa{width:150px; height:150px;border:1px solid blue;}
#googleIcon{width:75px; height:75px}
jQuery
$("#capa").mouseover(function(){alert("entra en la capa");});
$("#capa").mouseout(function(){alert("sale de la capa");});
El caso es bastante sencillo. Quiero que contenga lo que contenga la div#capa que al entrar el mouse se muestre un mensaje y al salir quiero que se muestre otro mensaje.
El problema reside en que, aunque queda bien especificado que el evento debe aplicarse únicamente sobre div#capa, desconozco el porqué se aplica ("por arte de magia") a la entrada y salida del ratón sobre la imagen img#googleIcon.
He intentado FORZAR la desvinculación de cualquier evento sobre img#googleIcon con $("#googleIcon").off('mouseover'); pero tampoco funciona!
Gracias por todo... Un saludo.
Ante todo, agradecer el tiempo en intentar solventar una duda. Sé que debe ser una tremenda estupidez, pero es algo que me está quebrando la cabeza.
El caso es bastante sencillo de explicar, aunque no logro sacarle solución. Se trata de un simple DIV que guarda en su interior una foto.
HTML
<div id="capa"><img src="www.google.com/favicon.ico" id="googleIcon" /></div>
CSS
#capa{width:150px; height:150px;border:1px solid blue;}
#googleIcon{width:75px; height:75px}
jQuery
$("#capa").mouseover(function(){alert("entra en la capa");});
$("#capa").mouseout(function(){alert("sale de la capa");});
El caso es bastante sencillo. Quiero que contenga lo que contenga la div#capa que al entrar el mouse se muestre un mensaje y al salir quiero que se muestre otro mensaje.
El problema reside en que, aunque queda bien especificado que el evento debe aplicarse únicamente sobre div#capa, desconozco el porqué se aplica ("por arte de magia") a la entrada y salida del ratón sobre la imagen img#googleIcon.
He intentado FORZAR la desvinculación de cualquier evento sobre img#googleIcon con $("#googleIcon").off('mouseover'); pero tampoco funciona!
Gracias por todo... Un saludo.
Valora esta pregunta
0