Jquery - 实时 ('hover' )和 mousemove

Question

我对鼠标移动的悬停功能有一点问题。但出了什么问题呢？

工作示例 -> 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

没有 hover 事件 - 您需要包含您使用的所有三个事件，如下所示:

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

请参阅jQuery documentations live() 中多个事件的示例:

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