jquery - 悬停动作在jQuery的点击事件后反转

Question

当光标位于其中之一时，我正在使用系统突出显示 2 列。

然后，用户可以通过单击将每个单元格内的值从No更改为 。Yes发生这种情况时，hover动作似乎倒转了。它在光标位于外部时起作用。

这是我的例子的小提琴：http: //jsfiddle.net/L9Kfq/

当我单击以更改单元格的值时，这些列应保持突出显示。为什么会这样？

谢谢。

Answer 1

我稍微简化了您的 jQuery，并使用mouseoverandmouseout而不是hover. 我希望下面的代码段是不言自明的。

$('td,th').on('mouseover', function() {
    $('td:not(.'+$(this).attr('class')+')').addClass('active');
    $('td.'+$(this).attr('class')).removeClass('active');
});

$('td,th').on('mouseout', function() {
    $('td').removeClass('active');
});

另请参阅更新的 jsFiddle。