jquery - 交替行颜色,mouseover,mouseout和onclick事件不在一起工作

  显示原文与译文双语对照的内容

Qquery代码o 用于 Highlight 替换行颜色,在 mouse-overmouse-out 上我正在添加一个css类和 on-click,但是它没有反映。

主要的问题是,一次只有两个事件将一起工作,而不是全部


 function rowHighlight(){ 
 $(function(){
 $("#facCodes tr:odd").addClass('oddRow');
 $("#facCodes tr:even").addClass('evenEven');
 $('#facCodes tr').hover(function() {
 $(this).addClass('hover');
 },
 function() {
 $(this).removeClass('hover');
 });

});
 $('#facCodes tr').click(function(event){
 $(this).addClass("click").siblings().removeClass("click");
 });

}

我正在使用的CSS代码


.oddRow{background:#E3E5E6;color:black}
.evenRow{background:white;color:black}
.hover{background:blue;color: white;}
.click{background:#FF9900;color: white;}

时间: 作者:

http://jsfiddle.net/QUQzM/2/

jQuery


$(function(){


 $('#facCode').find('tr').on('click', function(){
 $(this).toggleClass('green');
 })

 $('#facCode tr:odd').addClass('blue');
 $('#facCode tr:even').addClass('yellow');


})

CSS


 tr:hover{
 background:grey;
}
.green, tr:active{
 background:lightgreen!important;
}
.blue{
 background:lightblue;
}
.yellow{
 background:yellow;
}

作者:
...