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 +，

jQuery的分页无法正常工作

1 个答案: