jquery - jQueryでクリックイベント後にホバーアクションが反転する

Question

カーソルがそれらの1つの上にあるときに2つの列を強調表示するシステムを使用しています。

次に、ユーザーはセルをクリックして、各セル内の値を からNoに変更できます。Yesこれが発生すると、hoverアクションが逆に動作するように見えます。代わりに、カーソルが外側にあるときに機能します。

これが私の例のフィドルです: http://jsfiddle.net/L9Kfq/

クリックしてセルの値を変更すると、列が強調表示されたままになります。なぜこうなった？

ありがとう。

Answer 1

jQuery を少し単純化し、 の代わりにand を使用mouseoverしました。以下のコード セグメントが一目瞭然であることを願っています。mouseouthover

$('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も参照してください。