jquery - jQuery分页不起作用

Question

我试图将分页功能添加到我的jsp。我使用了以下代码。但只有Prev Next链接显示。所有记录都在同一页面中列出。为什么会这样？？有没有其他简单的方法来做分页。？

<table align="right">
  <tr>
  <td class="cls2">
  <div id="page" class="page">
    <a href="" class="prev cls3"> <img src="/prev.gif" alt="" width="16" height="16" border="0">Prev</a>&nbsp;&nbsp;&nbsp;
    <span class="pdisplay" ></span>&nbsp;&nbsp;&nbsp;
    <a href=""  class="next cls3">Next<img src="/next.gif" alt="" width="16" height="16" border="0"> </a>
  </div> 
  </td>
  </tr>
</table>

<table class="cls" cellpadding="1" cellspacing="0" border="0" width="100%"  id="resultTbl">
 <tbody> <thead>
 <tr>
  <th >Select</th>
  <th><span id="isp" class="cls1"><%=request.getParameter("user")%></span></th>
 </tr></thead>
 <tr>
  <td></td>
  <td></td>
 </tr>
</table>



jQuery I used :

<script type="text/javascript" src="my_js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="my_js/jquery.tablesorter.pagerquote.js"></script>
   <script defer="defer">
    $("#resultTbl")
    .tablesorter()
    .tablesorterPager({container: $("#page")}); 
</script> 

Answer 1

尝试通过你的桌子的容器，

$(document).ready(function() { 
    $("table") 
   .tablesorter() 
   .tablesorterPager({container: $("#page_container")}); 
}); 

我也用工作副本装了jsfiddle：

http://jsfiddle.net/zcatD/

还要检查以下要求：

jQuery（1.2.1 或更高版本）

Firefox 2+、Internet Explorer 6+、Safari 2+、Opera 9+、