2012-09-13 113 views
0

我試圖將分頁功能添加到我的jsp。我已經使用了以下代碼。但只有Prev Next鏈接顯示。所有記錄都列在同一頁面中。 爲什麼發生?還有其他簡單的方法可以做分頁嗎?分頁與jQuery不工作

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

你得到任何控制檯錯誤? –

+1

試試這個http://neoalchemy.org/tablePagination.html –

+1

這個問題可能會有所幫助:http://stackoverflow.com/questions/11934691/how-to-create-simple-next-and-prev-trigger-button-爲滑塊分頁按鈕 –

回答

1

嘗試通過你的表的容器,

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

我也有poted了的jsfiddle與工作副本:

http://jsfiddle.net/zcatD/

同時檢查是否滿足以下要求:

jQuery(1.2.1或更高版本)

火狐2+, 的Internet Explorer 6 +,Safari瀏覽器 2+, 歌劇院9+,

+0

但仍然不工作:( – NaaN

+0

http://jsfiddle.net/zcatD/ checout我的示例代碼在這裏工作 –

+0

當我從代碼中刪除''它工作正常..我不知道爲什麼! – NaaN