<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Pagination分页插件ajax demo</title>
<link rel="stylesheet" href="lib/pagination.css" />
<style type="text/css">
body{font-size:84%; color:#333333; line-height:1.4;}
a{color:#34538b;}
#Searchresult{width:300px; height:100px; padding:20px; background:#f0f3f9;}
</style>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.pagination.js"></script>
<script type="text/javascript">
$(function(){
//此demo通过Ajax加载分页元素
var initPagination = function() {
var num_entries = $("#hiddenresult div.result").length;
// 创建分页
$("#Pagination").pagination(num_entries, {
num_edge_entries: 1, //边缘页数
num_display_entries: 4, //主体页数
callback: pageselectCallback,
items_per_page: 1, //每页显示1项
prev_text: "前一页",
next_text: "后一页"
});
};
function pageselectCallback(page_index, jq){
var new_content = $("#hiddenresult div.result:eq("+page_index+")").clone();
$("#Searchresult").empty().append(new_content); //装载对应分页的内容
return false;
}
//ajax加载
$("#hiddenresult").load("load.html", null, initPagination);
});
</script>
</head>
<body>
<h1>jQuery Pagination分页插件ajax demo</h1>
<div id="Pagination" class="pagination"><!-- 这里显示分页 --></div>
<div id="Searchresult">分页初始化完成后这里的内容会被替换。</div>
<div id="hiddenresult" style="display:none;">
<!-- 列表元素 -->
</div>
</body>
</html>
分享到:
相关推荐
jQuery分页插件设置分页内容显示数量的分页代码 jQuery分页插件设置分页内容显示数量的分页代码
jquery分页插件带总数分页代码 jquery分页插件带总数分页代码
jquery分页插件结合jsp实例 有什么不晓得的加Q 359709421
jQueryPager(JQuery分页插件pagination实现Ajax分页) CSDN犀利助互群60168829
jquery分页插件-内有演示说明 很时用,一看就明白
简单实用的jquery分页插件,不会分页的人入门教程!
简单的jQuery分页插件下载是一款不用分页即可显示的jQuery插件jQuery.page.js。
jQuery分页插件jQuery分页插件jQuery分页插件jQuery分页插件jQuery分页插件jQuery分页插件
实现效果: 结合CSS3实现的jQuery分页插件,分页的效果是很常用的,无论是前台还是后端管理系统,都会使用到分页,在企业站或商城网站中都是很实用的。php中文网推荐下载!
jquery 分页插件 kkpager jquery 分页插件 kkpager jquery 分页插件 kkpager
jQuery分页插件,代码少兼容性好,好用简单,快速集成。
jQuery 分页插件 有详细的使用教程,怎么用之类的 很详细 很实用 很漂亮
jquery分页插件-JqueryPagination.zip,前端jquery分页插件
一个jQuery的分页插件,是在原来网上下载的jQuery的插件上扩展的,原来的是只有按钮的,扩展新增了可以选择用文本框或下拉框来选择跳转页面。因为出现过乱码问题,所以中文的那个里面的中文字符是用的Unicode的编码
html 自己写的jquery分页插件 支持上一页 下一页 首页 尾页 下一篇 上一篇
jquery分页插件quickpaginate的使用,比较详细,对于table的分页
jQuery分页插件(实例详尽,简单易用
通过jQuery书写的jPagination分页插件,有八种分页方式,超实用
JQuery分页:使用JQuery分页插件实现分页.有源码,有数据库,本人测试过.请大家放心使用.在网上找了许多JQuery分页的例子,但都不完整,要么没数据库,寡人鄙视他们.
插件描述:基于jQuery的分页插件,配置比较详细。 参考实例:http://www.jq22.com/jquery-info5697