jquery - 在移动元素上不要触发鼠标事件

Question

当鼠标悬停在移动的 div 上时会显示工具提示，但是，div 正在移动，它不会触发鼠标事件，请参见问题:http://jsfiddle.net/jcezG/6/ (firefox 23.0.1 没问题)。`

$('.area').on('mouseenter',function(){
    $('.tooltip').show();
}).on('mouseleave',function(){
    $('.tooltip').hide();
});
var offset = 10;
setInterval(function(){
    //$('.area').hide();
    $('.area').css({"-webkit-transform":"translate("+offset+"px,"+offset+"px)"});
    //$('.area').css({"left":offset+'px',"top":offset+'px'});
    offset += 10;
},1000);

`

请原谅我糟糕的英语。

Answer 1

你能用这个替换你的代码吗

并在鼠标悬停时设置左侧和顶部位置

$('.area').on('mouseenter',function(){
     $('.tooltip').show();
}).on('mousemove', function(e){
     $('.tooltip').css({'top':e.pageY,'left':e.pageX});
}).on('mouseleave',function(){
     $('.tooltip').hide();
});

并设置 z-index:100;在工具提示类中

Demo