gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 22:56:58 25 4
gpt4 key购买 nike

我使用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>

最佳答案

由于这似乎没有得到官方支持,因此这里有一个解决方法( 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 的所有内容复制到第二个分页 div。

第 3 步调整 pageSelect 回调:
在回调函数末尾添加以下行:

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

.clone 调用中包含 bool 参数 (withDataAndEvents) 非常重要,否则分页副本将不会有任何点击事件。

现在,每次您点击分页元素(无论是原始的还是副本),页面都会发生变化,分页元素也会相应更新。

关于jquery - 同一页面中的两个jquery分页插件似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2605053/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com