集成jQuery tablesorter，斑马条纹和行高亮显示

Question

为了使内容简短，我尝试过多次编写和重写，但要包括“相关”背景。 运气不好，所以我将给出当前的情况并按要求回答问题。

我有两个问题，因此我在本文中发表了一个问题，在上一篇文章中发表了另一个问题。

我有一个动态表，它被硬编码到tbody标签中。 tbody中的行是通过AJAX调用动态生成的。

我需要能够（1）斑马条纹表；（2）对表进行排序； （3）突出显示当前悬停的行。 我可以用CSS做斑马条纹，没问题。 而且，我也可以使用CSS完成突出显示行的功能（某种程度上）。

但是当实现表排序（使用jQuery的tablesorter）时，行不会“重新渲染”样式，因此我最终得到的是浅灰色行和白色行的聚集，而不是斑马条纹。

另外，采用这种方法时，行突出显示仅适用于白色行（未应用CSS类）。

我以为上周找到了一些可以提供解决方案的文章，但今天似乎找不到。 而且我在网上发现的所有内容在实现或功能方面都有一些无法接受的故障。

这是当前的代码：

$("#resultsTbody").html(response);
$("#resultsTbl").tablesorter();
var $rows = $(".stripeMe tbody tr");
$rows.hover(
  function() { $(this).addClass("currRow"); } // <--- error flagged here
  function() { $(this).removeClass("currRow"); }
);

我得到的错误是在指示的代码行上。 错误是：

参数列表后出现SyntaxError：缺少）

Answer 1

我会和tr:nth-child一起去：

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}​

不需要JS。 还在徘徊：

 tr:hover{ cursor:pointer; background:#EEE}    

Answer 2

*我相信我已经解决了这个问题*我相信我已经解决了所有这些问题！

在我的CSS中添加了以下内容

.odd{ background: #DDDDDD; } 
.even{ background: #FFFFFF; } 

在小部件上晦涩的文档中发现了一点点。

然后我的脚本的其余部分就这样

$(".stripeMe").tablesorter({ widgets: ['zebra'] });
var $rows = $(".stripeMe tbody tr"); 
$rows.hover( function(){ 
  $(this).addClass("currRow"); 
  $(this).css("cursor","pointer"); }, 
function(){ 
  $(this).removeClass("currRow");
  $(this).css("cursor","auto"); } 
);