如果孩子被盘旋，鼠标悬停事件上的jQuery会再次触发

Question

你可以在这里看到一个例子： http://jsfiddle.net/TuH95/5/

当您将鼠标悬停在li元素上时，会触发该事件。如果你仍然在li元素中，如果你将鼠标悬停在跨度上，它将再次点火，无论如何，当我将鼠标悬停在跨度上时，我只能点燃一次？

Answer 1

使用可以解决问题的mouseenter事件。

var i = 0;
$('.container').on('mouseenter', function(){
    i++;
    $('.result').html(i);
})

<强> Demo

Answer 2

改为使用mouseenter事件：

var i = 0;
$('.container').on('mouseenter', function() {
    i++;
    $('.result').html(i);
})

http://jsfiddle.net/minitech/TuH95/6/