Comunidad de diseño web y desarrollo en internet online

Problema con mousoenter/mouseout

Citar            
MensajeEscrito el 22 Mar 2013 09:22 pm
Hola alguien podria ayudarme, mi problema es que, cuando creo eventos para mouseenter y mouseout de un div con jquery, ocurre que el evento se dispara cuando entras o sales de elementos que estan dentro del mismo.

ejemplo:
tienes lo siguiente:
<div class="objeto1">
Texto dentro del div <br>
mas texto
<img src="imagen"/>
</div>
y en el js lo siguiente:

$('.objeto1').mouseenter(function(){
document.title="estas dentro de objeto 1"
})

$('.objeto1').mouseout(function(){
document.title="estas fuera de objeto 1"
})

El problema es que al ejecutar esto, si entras en la imagen se ejecuta el evento out y luego se vuelve a ejecutar el enter... mi duda es sobre como hacer para que los eventos no se disparen cuando entras o sales de otros objetos dentro del div principal

Por rod00x3

Claber

595 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 24 Mar 2013 04:29 am
prueba con mouseleave()

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 05 Abr 2013 06:30 pm
Y para mas documentación la información de Jquery sobre .hover()

http://api.jquery.com/hover/

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.