Skip to content

stepday/cPager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

cPager

基于jQuery的客服端分页插件cPager.js,分页展示美观大气,结合CSS3.0的呈现美化效果

安装

clone项目地址 git clone https://github.com/stepday/cPager.git

	-|
	 |-index.html  demo演示页面
	 |-js
	   |-template.js js模板引擎 用于快速渲染页面列表的
	   |-cPager.js   基于jQuery封装的客户端分页插件
	 |-css
	   |-cPager.css  分页插件相关样式文件

插件引入步骤

1、head头内引入cPager.css 样式文件;
2、head头内引入jquery.js 脚本文件;
3、head头内引入cPager.js 脚本文件;
4、页面内设置分页容器:

5、调用插件

	$(this).cPager({
        pageSize: 8, //每一页显示的记录条数
        pageid: "pager", //分页容器ID
        itemClass: "li-item" //个体元素名称
    });

插件优点

1、支持分页每一页显示的记录条数;
2、支持分页容器的配置;
3、支持个体元素的样式标记配置;
4、自动提取数据进行元素总数和总页数的计算;

示例代码如下:

	//调用客户端分页
    $(this).cPager({
        pageSize: 8, //每一页显示的记录条数
        pageid: "pager", //分页容器ID
        itemClass: "li-item" //个体元素名称
    });

插件缺点

为了页面展示不闪屏,建议默认列表渲染的时候,所有个体元素为隐藏模式(display:none)

About

基于jQuery的客服端分页插件,分页展示美观大气,结合CSS3.0的呈现美化效果

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published