Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jobless

onMouseOut sendo disparado em momento errado

Por , em Javascript

Recommended Posts

Jobless    0

Jobless
Postado

Galera estou com um pequeno problema que não estou conseguindo resolver...

 

Tenho uma div que no onMouseOut chama uma função que da um "Fade" usando Jquery na mesma.. porém quando tem conteudo tipo um link e eu vou com o mouse sobre ele o evendo é disparado como se eu tivesse saido da div... e a danada some.

 

Como resolver isso sem ter que criar uma porrada de gambiarra e códigos.... porque isso ocorre?

 

Segue meu código:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

function oculta(){

$('#conteudo').fadeOut(600);

}

</script>
</head>
<body>


<div id="conteudo" style="border:#0F0 solid 1px; width:300px; height:200px; padding:20px;" onMouseOut="oculta()">

<a href="#">Link</a>

</div>

 

 

Quem quizer ver o exemplo funcionando:

 

http://www.gaia.gublee.com/teste.html

 

Agradeço a ajuda desde ja

:huh:

Compartilhar este post

Link para o post
Compartilhar em outros sites

0cool    0

0cool
Postado

Você esta montando a function de maneira incorreta, com isso gera aquele resultado.

 

Veja o exemplo simples que eu fiz para você ter uma idéia, com jquery não é necessário ficar colocando eventos dentro de tags divs, basta mandar que o jquery faz o serviço.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<div id="conteudo" style="border:#0F0 solid 1px; width:300px; height:200px; padding:20px;">
  <a href="#">Link</a>
</div>

<script type="text/javascript">
$('#conteudo').mouseleave(function () {
  $(this).fadeOut(600);
});
</script>

 

Tenta ai.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito