同一页面中的两个jquery分页插件似乎不起作用

我使用jquery分页插件进行分页…如果有一个分页插件对我没有问题…但如果有两个似乎工作但另一个似乎也没有…这是我的代码，

我的jquery有，

  var itemsPerPage = 5; $(document).ready(function() { getRecordspage(0, itemsPerPage); var maxvalues = $("#HfId").val(); $(".pager").pagination(maxvalues, { callback: getRecordspage, current_page: 0, items_per_page: itemsPerPage, num_display_entries: 5, next_text: 'Next', prev_text: 'Prev', num_edge_entries: 1 }); });  

这是我得到的……

alt text http://img52.imageshack.us/img52/5618/pagerse.jpg

两者都有效，但看看pagerup所选页面是3但是PagerDown显示1 ….如何在jquery中更改其他寻呼机上的一个寻呼机回调事件….

编辑：使用mef的想法似乎不起作用……

         $(document).ready(function() { $(".pager").pagination(300, { callback: pagecallback, current_page: 0, items_per_page: 5, num_display_entries: 5, next_text: 'Next', prev_text: 'Prev', num_edge_entries: 1 }); }); function pagecallback() { var paginationClone = $("#Pagination > *").clone(true); $("#Pagination2").empty(); paginationClone.appendTo("#Pagination2"); }    
 
 
  
 
  
 
  
 
 
   

Answer 1

由于这似乎不是官方支持，这是一个解决方法（ 工作演示 ）。

步骤1创建HTML标记，如下所示：

第2步这个想法：
现在的想法是像第一个分页div 一样使用分页插件。 但另外，我们希望每次发生页面更改时将第一个分页div的所有内容复制到第二个分页div。

步骤3调整pageSelect-callback：
在回调函数的末尾添加以下行：

 var paginationClone = $("#Pagination > *").clone(true); $("#Pagination2").empty(); paginationClone.appendTo("#Pagination2"); 

使用.clone调用包含布尔参数（ withDataAndEvents ）非常重要，否则您的分页副本将不会有任何单击事件。

现在，每次单击分页元素（无论它是原始元素还是副本），页面都将更改，分页元素将相应更新。

Answer 2

可能这不是您希望的答案，但是有一个jQuery Pagination插件的function请求，表明当前实现不支持在同一页面上有两个寻呼机：

http://plugins.jquery.com/node/11825