HTML表在TD之间移动鼠标时触发mouseOut

Question

我已在表上设置了mouseOut事件处理程序，但如果我将鼠标移到TD上，则会触发该事件。 如何防止TD之间的表闪烁？ http://jsfiddle.net/2ZRBx/

Answer 1

由于你正在使用jQuery，我删除内联JavaScript并执行此操作：

function go2() {
    $("#t").effect("pulsate", {
        times: 1
    }, 200);
}
$('#t').mouseleave(function() {
    go2();
});​

<强> jsFiddle example

Answer 2

使用jQuery Event API而不是现在使用的内联事件触发器。如果您使用jQuery API，它可以正常工作。因为您使用的是jQuery1.7.1：

jQuery(function($) {
    $("#t").on('mouseleave', function() {
        $(this).effect("pulsate", { times:1}, 200);
    });
}​);​

示例：http://jsfiddle.net/2ZRBx/6/

Answer 3

将表包装在div中，然后将mouseout事件放在该div上。