Возникли проблемы при работе с зебрами и таблицами для совместной работы

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);
}

Функция, которая включает строки зебры, работает хорошо, потому что на документе готовЯ использую это, и это работает.

Answer 1

Я предполагаю, что ваши строки зебры не правильные после сортировки.

Вы можете просто вызвать enableZebraRows после сортировки таблицы:

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