jquery click on click

Question

私は自分のレコードのテーブルリストを持っており、背景色を青色に変更するためのホバー機能を使用しています。それはすべての作品がうまくいくためです。

いいえ背景色を黄色に変更するためのクリック機能を追加しましたが、何らかの理由で背景が青色に変わりました（ホバー機能では同じ色）。

hereというより良い例のデモを行いました。

誰かが私に助けてくれることを祈っています。ありがとうございました！

Answer 1

これは、マウスが行の上にマウスを乗せてクリックしたときに2つの背景が指定されているためです。どちらかを指定する必要があります重要。

背景：

てみたが、これにtable_record_selected変更するには！#FFFBCC重要。

Answer 2

使用重要：！ http://fiddle.jshell.net/KuwWs/8/

Answer 3

あなたはそれに行がクリックされたときにクラスを切り替えるのと同じ方法を切り替えることができますので、あなたはまた、ホバリングのためのクラスを使用することができます。 JSコードで

.table_record_hover 
{ 
    background-color: #EBF3F6; 
} 

：CSSコードで

$('table.table_record_even').click(function() 
{ 
    $(this).toggleClass('table_record_hover'); 
    $(this).toggleClass('table_record_selected'); 
}); 

$('table.table_record').click(function() 
{ 
    $(this).toggleClass('table_record_hover'); 
    $(this).toggleClass('table_record_selected'); 
}); 



$('table.table_record').hover(function() 
{ 
    if($(this).hasClass('table_record_selected')) 
    { 
    } 
    else 
    { 
     $(this).toggleClass('table_record_hover'); 
    } 
}, 

function() 
{ 
    if($(this).hasClass('table_record_selected')) 
    { 
    } 
    else 
    { 
     $(this).toggleClass('table_record_hover'); 
    } 
}); 

$('table.table_record_even').hover(function() 
{ 
    if($(this).hasClass('table_record_selected')) 
    { 
    } 
    else 
    { 
     $(this).toggleClass('table_record_hover'); 
    } 
}, 

function() 
{ 
    if($(this).hasClass('table_record_selected')) 
    { 
    } 
    else 
    { 
     $(this).toggleClass('table_record_hover'); 
    } 
}); 

この方法で行が同時に2つのスタイルを持っていません。