JQuery плагин Tablesorter 2,0 ведет себя странно

Question

Я скачал плагин JQuery Tablesorter 2,0 из http://tablesorter.com/jquery.tablesorter.zip и модифицированного примера-pager.html, который находится в директории TableSorter/DOCS

Я написал дополнительные эффекты Ролловеры:

 

    $(function() { 
     $("table") 
      .tablesorter({widthFixed: true, widgets: ['zebra']}) 
      .tablesorterPager({container: $("#pager")}); 

      /** Additional code */ 
      $("tr").mouseover(function() { 
      $(this).addClass('over'); 
      }); 

      $("tr").mouseout(function() { 
      $(this).removeClass('over'); 
      }); 

      $("tr").click(function() { 
      $(this).addClass('marked'); 
      }); 

      $("tr").dblclick(function() { 
      $(this).removeClass('marked'); 
      }); 
      /** Additional code END */ 


}); 

И конечно же модифицировал темы/синий/файл style.css:

 
/* Additional code */ 
table.tablesorter tbody tr.odd td { 
background-color: #D1D1F0; 
} 

table.tablesorter tbody tr.even td { 
background-color: #EFDEDE; 
} 


table.tablesorter tbody tr.over td { 
background-color: #FBCA33; 
} 

table.tablesorter tbody tr.marked td { 
background-color: #FB4133; 
} 
/* Additional code END*/ 

Все т его работы отлично, но когда я перехожу на дальнейшие страницы, то есть страницы 2 3 или 4 , эффекты исчезли! Я очень ценю вашу помощь

Answer 1

Я решил проблему.

Я просто вызвать функцию пейджера после ввода опрокидывания и отмеченных эффектов, вот код:

$(function() { 
    $("table").tablesorter({widthFixed: true, widgets: ['zebra']}); 

      $("tr").mouseover(function() { 
      $(this).addClass('over'); 
      }); 

      $("tr").mouseout(function() { 
      $(this).removeClass('over'); 
      }); 

      $("tr").click(function() { 
      $(this).addClass('marked'); 
      }); 

      $("tr").dblclick(function() { 
      $(this).removeClass('marked'); 
      }); 

     $("table").tablesorterPager({container: $("#pager")}); 
    }); 

Answer 2

Я также столкнулся один вопросом, когда после сортировки строк расцветки получали перепутался. Я решил его с помощью указав следующие:

$ (# your_table) .tablesorter ({ виджеты: [ "зебры"], widgetZebra: {CSS: [ "your_odd_css", "your_even_css"]} });

Это хорошо работает. Нет проблем с окраской.

Answer 3

Просто FYI, если вы хотите, чтобы удалить «отмеченный» класс для ранее выбранной строки при нажатии на новую строку, вы можете сделать это:

$("tr").click(function() { 
    $("tr.selected").removeClass('marked'); 
    $(this).addClass('marked'); 
});