在jQuery上单击事件后，悬停操作被反转

当光标位于其中一列上时，我使用一个系统高亮显示两列

然后，用户可以通过单击每个单元格将值从

No

更改为

Yes

。 发生这种情况时，

悬停

操作似乎会反向工作。当光标位于外侧时，它将起作用

下面是我的例子：

当我单击以更改单元格的值时，列应该一直高亮显示。 为什么会这样

---

谢谢。

我稍微简化了jQuery，并使用了

mouseover

和

mouseout

而不是

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');
});

另见更新