在同一页面中的两个jquery分页插件似乎没有工作

我使用jquery分页插件进行分页......如果有一个分页插件，对我来说没有问题......但是如果有两个似乎是工作，但对方似乎并没有太...这里是我的代码，在同一页面中的两个jquery分页插件似乎没有工作

<div id="PagerUp" class="pager"> 

</div><br /><br /><br /> 
    <div id="ResultsDiv"> 

</div> 
<div id="PagerDown" class="pager"> 

</div>

我的jQuery有，

<script type="text/javascript"> 
     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 
      }); 
     }); 

</script>

下面是我收到...

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

部

这两部作品，但看pagerup选择的页面是3但PagerDown显示1 ....如何改变在jQuery的其他寻呼机回调事件寻呼机....

编辑： 使用MEF的想法似乎不工作...

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script type="text/javascript" src="jquery.js"></script> 
    <link rel="Stylesheet" type="text/css" href="CSS/Main.css" /> 
     <script type="text/javascript" src="Javascript/jquery.pagination.js"> 
     </script> 
    <script type="text/javascript"> 
     $(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"); 
    } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 

<div class="pager" id="pagination"> 
    <!-- the container for your first pagination area --> 
</div> 

<div id="results"> 
    <!-- the container where you show your results --> 
</div> 

<div class="pager" id="Pagination2"> 
    <!-- the container for your second pagination area --> 
</div> 
    </div> 
    </form> 
</body> 
</html>

来源

2010-04-09 Chendur Pandian

因为这似乎并没有被正式支持，这里是一个解决办法（working demo）。

步骤1 创建您的HTML标记如下：

<div class="pagination" id="Pagination"> 
    <!-- the container for your first pagination area --> 
</div> 

<div id="results"> 
    <!-- the container where you show your results --> 
</div> 

<div class="pagination" id="Pagination2"> 
    <!-- the container for your second pagination area --> 
</div>

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

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

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

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

现在，每次点击分页元素（不管它是原始还是副本），页面都会更改，分页元素也会相应更新。

来源

2010-04-12 11:24:34 Leo

@mef它似乎不适合我... – 2010-04-12 11:55:36

@Pandiya Chendur：这绝对有效。仔细检查身份证等... – Leo 2010-04-12 11:59:22

@Mef看看我编辑的部分我的问题，这就是我使用的... – 2010-04-12 12:18:53

也许这不是你所希望看到的答案，但有一个为jQuery的分页插件，建议具有同一页上的两个寻呼机功能请求是n加时赛当前实现支持：

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

来源

2010-04-11 12:54:07

在同一页面中的两个jquery分页插件似乎没有工作

回答

相关问题