您可以在这里看到一个示例:http://jsfiddle.net/TuH95/5/
当您将鼠标悬停在li元素上时,将触发该事件。虽然仍然在li元素中,如果你悬停在span上,它会再次开火,无论如何,我可以让它在悬停在span时只开火一次?
使用mouseenter
事件来解决问题。
var i = 0;
$('.container').on('mouseenter', function(){
i++;
$('.result').html(i);
})
演示
改为使用mouseenter
事件:
var i = 0;
$('.container').on('mouseenter', function() {
i++;
$('.result').html(i);
})
http://jsfiddle.net/minitech/TuH95/6/