Problema do JQuery MouseOut

StackOverflow https://stackoverflow.com/questions/2575300

  •  24-09-2019
  •  | 
  •  

Pergunta

meu html 

<div id="parent">
<div id="child">cx</div>
</div>

Quando eu uso jQuery 

 $('#parent').mouseout(function(){
//something here
});

Eu me pergunto por que quando meu mouse entra na criança dividida, a função dispara. Eu ainda estou dentro do pai div. Eu quero que essa função de mouseOut seja demitida apenas quando eu deixar o pai que não estou em nenhum filho dividir

http://jsbin.com/esiju/ << Exemplo

Felicidades

Foi útil?

Solução

Isso é o que o mouseleave evento é para.

$('#parent').mouseleave(function(){
//something here
});

http://api.jquery.com/mouseleave/

Outras dicas

.mouseleave Funciona perfeitamente aqui:

$("#parent").mouseleave(function(){
    //Enter stuff that should happen when mouse leaves 
    //the boundaries of the parent element
    // NOT including the children
});

.mouseout Incêndios ao atirar sobre elementos da criança!

Parece haver um pouco de diferença entre os eventos do MouseOut e MouseOver. Jimyi tem a solução correta para o seu problema, eu só queria incluir alguns links adicionais para a completude.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top