jQuery tablesorter w/plugin Pager préchargement images

Question

J'utilise le plugin jQuery tablesorter avec le plugin Pager associé aussi bien. J'ai les résultats de la requête MySQL affichés dans cette table. La chose est, après avoir récupéré un résultat d'évaluation de la requête, j'utilise cette valeur pour afficher une note de 5 étoiles en utilisant un plugin Starrating jQuery. Le problème est que j'ai de la difficulté à concevoir un analyseur pour être en mesure de trier par note ainsi que d'avoir des problèmes avec le préchargement des étoiles. Je veux dire que puisqu'il y a des pages impliquées et la capacité de changer la quantité de résultats affichés, les résultats "cachés" ne chargent PAS les étoiles. Donc, si je change la quantité de résultats affichés ou traverse vers une autre page, seuls les boutons radio sont affichés à la place des images étoiles. Quelqu'un peut-il m'aider s'il vous plaît à obtenir les images soit pour précharger TOUS les résultats ou découvrir un moyen d'obtenir les images à afficher d'une autre façon? C'est un problème très pressant qui retarde l'achèvement d'un projet, donc toute aide est appréciée.

Merci!

Answer 1

Le problème est que le plug-in pager reconstitue toute la table de ses données mises en cache, c'est pourquoi tout ce que vous voyez sont des boutons radio lors du changement de pages.

J'ai récemment forké une copie du tablesorter plugin on github et j'ai effectivement inclus quelques événements déclenchés pour le plugin pager. Si vous regardez le pager demo page, vous verrez les événements déclenchés s'afficher en haut. Tout ce que vous devez faire est de réappliquer le plugin stars lorsque l'événement "pagerComplete" se produit. Quelque chose comme ceci:

$('table').bind('pagerComplete', function(){ 
    // reapply the stars plugin 
    $(this).stars(); 
});