Jquery - 实时 ('hover' )和 mousemove

标签 jquery

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

工作示例 -> 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();
    }    
});

最佳答案

没有 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
  }
});

关于Jquery - 实时 ('hover' )和 mousemove,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3594124/

相关文章:

javascript - 在 Backbone.js 中使用什么来代替 "this"?

javascript - 输出文本的两个 each 循环

javascript - 无法从本地主机向远程服务器发出 ajax 请求

javascript - JQuery 帮助,如何隐藏 JQuery 中的所有按钮

javascript - 如何使用jquery获取最后点击的单选值?

javascript - 用于显示文本框的 jQuery

jquery - 如何在鼠标悬停时更改选择器伪元素的背景颜色?

javascript - 单击 html 加载器重新出现并消失

asp.net - 我应该花精力实现 knockoutjs 还是研究 jQuery Data Link

javascript - 获取对象 Javascript 或 jQuery 的最后一个值