jQuery Tablesorter w/ Pager 插件预加载图像

Question

我也使用 TableSorter jQuery 插件和相关的 Pager 插件。我的 MySql 查询结果显示在此表中。问题是，在我从查询中检索评级结果后，我使用该值通过 Star rating jQuery 插件显示 5 星级评级。问题是我在设计一个能够按评级排序的解析器时遇到了麻烦，并且在星星预加载方面也遇到了问题。我的意思是，由于涉及页面并且能够更改显示的结果数量，因此“隐藏”结果不会加载星星。因此，如果我更改显示的结果数量或遍历到另一个页面，则仅显示单选按钮而不是星形图像。有人可以帮助我让图像预加载所有结果或找到一种方法让图像以另一种方式显示吗？这是一个非常紧迫的问题，阻碍了项目的完成，因此我们感谢任何帮助。

谢谢！！

Answer 1

问题在于分页器插件根据缓存的数据重建整个表，因此这就是为什么在更改页面时您看到的只是单选按钮。

我最近在 github 上分叉了 tablesorter 插件 的副本，并且实际上包含了一些触发事件寻呼机插件。如果您查看 寻呼机演示页面，您将看到触发的事件显示在顶部。您需要做的就是在“pagerComplete”事件发生时重新应用 star 插件。像这样的东西：

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