plugin jQuery tablesorter 2.0 se comporte bizarre

Question

J'ai téléchargé le plugin jQuery tablesorter 2.0 de http://tablesorter.com/jquery.tablesorter.zip et modifié l'exemple-pager.html qui est dans le répertoire tablesorter/docs

j'ai écrit des effets de survol supplémentaires:

 

    $(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 */ 


}); 

Et bien sûr, modifié les thèmes/bleu/fichier 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*/ 

Tous les t ses travaux bien MAIS quand je vais à d'autres pages, c'est-à-dire page 2 3 ou 4 les effets sont partis! J'apprécie vraiment votre aide

Answer 1

J'ai résolu le problème.

J'appelle simplement la fonction de téléavertisseur après avoir mis le roulement et les effets marqués, voici le code:

$(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

J'ai aussi fait face à un problème lorsque le tri après la coloration de la ligne a été sali se. Je résolus via précisant les points suivants:

$ (# your_table) .tablesorter ({ widgets: [ "zèbre"], widgetZebra: {css: [ "your_odd_css", "your_even_css"]} });

Cela fonctionne bien maintenant. Pas de problèmes de coloration.

Answer 3

Juste un FYI, si vous souhaitez supprimer la classe « marquée » pour la ligne précédemment sélectionnée lorsque vous cliquez sur une nouvelle ligne, vous pouvez le faire:

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