Проблема JQuery Tablesorter

Question

У меня есть эта таблица, где изначально пусто. Тогда, когда документ готов, я вызываю функцию, которая выполняет запрос AJAX для содержание таблицы. Исходный контент отсортирован потрясающе! Но когда я вызываю свою функцию снова с другими параметрами, чтобы получить новый контент, дела начинают идти неправильно. Таблица заполняется новым контентом просто отлично, но нажав в столбце заголовка для сортировки возвращает содержимое таблицы обратно к тому, что оно было, когда страница впервые загрузилась, и сортировка также перестала работать.

Это фрагмент кода, который я использую. поможет использование $ ('. tablesorter'). trigger ("update")? В какой момент я должен позвонить на это?

jQuery(".tablesorter > tbody").load(path, function(){
    jQuery(".tablesorter").tablesorter({
                    onRenderHeader: function (){
                    this.wrapInner("<span></span>");
                }
                , widthFixed: true
                , widgets: ['zebra','hovering','selected']
                , debug: true
              });
}

Спасибо, MM

Answer 1

Полагаю, вам нужно будет использовать livequery, чтобы уведомить Tableorter о новом содержимом ajax.

Это заняло у меня некоторое время, чтобы обернуть голову, но в основном это должно сработать, после того как вы включите livequery js:

$("#table").livequery(function(){
  $(this).tablesorter({
    ...
  })
});

Noah

Answer 2

Просто используйте

$(".tablesorter").livequery(function(){
    $(this).tablesorter({
    .
    .
    .
    });
});

Answer 3

include  $("#table_name").tablesorter(); in ajax call.

Вам нужно перехватить функцию tableorter через ajax call.

новое содержимое таблицы также будет иметь функцию сортировки, если вы подключитесь таким образом.

Answer 4

Если вы не можете активировать виджеты, вызовите этот метод $("Table").trigger("applyWidgets");

Это обеспечит все виджеты, такие как эффекты зебры, зависания и т. Д. будет включен.