Jquery - Problema con live() y callback

[Fennesz]

Hola!!

Llevo dos días peleándome con un código, espero me puedan ayudar. Quiero simplemente mostrar un div oculto al hacer hover en otra capa. La cuestión es que es un calendario en Ajax, por lo que nuevos elementos se añaden al DOM, y es por eso que utilizo live() y es ahí donde surge el problema, ya que cuando añado ese método deja de funcionar bien, y se entremezclan los dos eventos...

Añado código:

Código HTML:

<script type="text/javascript">
$(document).ready(function()
{



   $('.Event').live('hover', function() {

      $('.tip', this).fadeIn('slow');
      return true;
 });

   $('.Event').live('mouseout', function() {

      $('.tip', this).fadeOut('slow');
      return false;
 });


/*
ESTE FUNCIONA PERO SIN UTILIZAR live()
 */

     $('.Event').hover(function() {
      $('.tip', this).fadeIn('slow');
      return false;
    },
  function() {
      $('.tip', this).fadeOut('slow');
      return false;  
    });



});
</script> 

Gracias!!

[caricatos]

Tema movido desde javascript

[InKarC]

No existe un evento llamado "hover"; hover es solo una funcion de jquery; lo que estas buscando es "mouseover"

Código:

$('.Event').live('mouseover', function() {

      $('.tip', this).fadeIn('slow');
      return true;
 }).live('mouseout', function() {

      $('.tip', this).fadeOut('slow');
      return false;
 });

[Fennesz]

Hey Inkar, he probado tu código, pero me sigue haciendo el efecto parpadeo, se va y aparece constantemente... es un misterio este código, no entiendo porque lo hace. Sin el live() si que funciona bien. La verdad es que no le veo la lógica...

Iniciado por InKarC

No existe un evento llamado "hover"; hover es solo una funcion de jquery; lo que estas buscando es "mouseover"

Código:

$('.Event').live('mouseover', function() {

      $('.tip', this).fadeIn('slow');
      return true;
 }).live('mouseout', function() {

      $('.tip', this).fadeOut('slow');
      return false;
 });

[Fennesz]

Bueno, tras "googlear" durante dos días por fin encontré la solución, y la dejo aquí por si a alguien le pasa lo mismo. El problema radica en los eventos mouseover y mouseout ya que estos dos eventos no pasan el evento desde un "hijo" a un "padre". Es decir, si tienes dos elementos, un padre y un hijo, desde el padre se pasará el evento sin problema al hijo, pero no al revés. En su lugar hay que utilizar mouseenter y mouseleave.

Lo encontré aquí:

http://jquery-howto.blogspot.com/2009/04/problems-with-jquery-mouseover-mouseout.html