Jquery - live ('hover') et mousemove

Question

J'ai un petit problème avec la fonction hover avec mousemove. Mais qu'est-ce qui ne va pas?

exemple de travail ->http://www.jsfiddle.net/V9Euk/306/

$('.tip').live('hover', function(e) 
{  
    if (e.type == 'mouseover') 
    { 
     $('#'+this.id+' .tooltip').show(); 
    }   
    if (e.type == 'mousemove') 
    { 
     alert('move'); 
     $('#'+this.id+' .tooltip').css({ left: e.pageX + 20, top: e.pageY + 20}); 
    }   
    if (e.type == 'mouseout') 
    { 
     $('.tooltip').hide(); 
    }  
}); 

Answer 1

Il n'y a aucun événement hover - vous devez inclure place les trois événements que vous avez utilisé, comme ceci:

$('.tip').live('mouseout mousemove mouseover', function(e) 

Voir l'exemple jQuery documentations sur plusieurs événements live():

$('.hoverme').live('mouseover mouseout', function(event) { 
    if (event.type == 'mouseover') { 
    // do something on mouseover 
    } else { 
    // do something on mouseout 
    } 
}); 

Answer 2

Le problème est que hover() cartes à mouseover et `mouseleave), pas les événements que vous utilisez.

$("...").live("hover", function(e) { 
    ... 
}); 

équivaut à:

$("...").live("mouseover mouseleave", function(e) { 
    ... 
}); 

Si vous souhaitez que l'événement mousemove aussi vous pouvez utiliser:

$("...").live("hover mousemove", function(e) { 
    ... 
}); 

Answer 3

Hah! Vous avez supprimé la même question avant, juste après que j'allais cliquer sur Poster une réponse.

.hover() ne retournera jamais la souris, elle retournera seulement mouseenter/mouseleave.

Vous devez lier directement à l'événement mousemove, en utilisant

$('.tip').live('mousemove', function(e) { 
    // do stuff here 
});