很难让斑马线和表分类器一起工作

Having trouble getting zebra rows and tablesorter to work together

本文关键字：分类器 一起 工作 斑马线 很难      更新时间：2023-09-26

关于斑马行，我谈论的是行的背景颜色在颜色上交替的表设计。关于表分类器，我谈论的是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);
}

启用斑马线的功能工作得很好，因为在文档就绪的情况下，我使用它，而且它很有效。

我认为排序后斑马线是不正确的。

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

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