无法让斑马行和tablesorter一起工作

Question

通过斑马行，我在谈论表格设计，其中行的背景颜色交替出现。通过表分类器，我说的是Jquery插件，它使表头可以点击。单击时，表将按特定的表头排序。这是它的网站：http://tablesorter.com/docs/

我的问题： 当用户通过单击表标题对表进行排序时，斑马行不再起作用。

当用户点击表格标题时，这是我的代码：

  $("th").click(function() {
    $("table").trigger("update");
    enableRowHover();
    $("table").tablesorter();
    enableZebraRows('tbody tr:odd td', 'alt');
  });

这是启用斑马行的代码：

function enableZebraRows(selector, className) {
  $("tr").removeClass("alt");
  $(selector).removeClass(className).addClass(className);
}

启用zebra行的功能很有效，因为在文档就绪时，我使用它，并且它可以工作。

Answer 1

我认为排序后你的斑马行不正确。

您可以在对表进行排序后调用enableZebraRows：

$("table").bind("sortEnd",function() {
    enableZebraRows(tbody tr:odd td', 'alt');
});