相符还未享受过有关分页的文章,方今做了一个活动页面,计算顾客中奖数据,需求用到分页,先前都以付出做的分页效果,效果很日常,代码也复杂。

这一次活动想尝尝新的分页,无意间开掘一款不错的jQuery插件:Cypager。

它可以流传总页数和每页突显条数,可安装显示多少位数字,ajax央浼后台再次来到当前页条数。

说明:

分享一款不错的jQuery分页插件:Cypager -Web前端之家。jQuery可点击回调的分页插件,cypager一款强大的援助分页效果的,样式有一些相似bootstrap分页。上一页、下一页加载前的回调效果。cypager插件宽容IE8+,Chrome,Firefox 浏览器,大旨文件仅 5KB。

调用:

调用jQuery库、cypager.js和css,如下:

此处表达下,jQuery库文件供给1.7.2或以上版本。

那么怎么着转换分页效果啊,看下如下代码:

$("#pagerArea").cypager({pg_size:10,pg_nav_count:8,pg_total_count:194,pg_call_fun:function{$.html("正在加载第页的数据,请稍后.......");}});

cypager分页插件也可以有局部API参数:

参数描述私下认可值pgerId插件的IDcy_pagerpg_size每页彰显记录数10pg_cur_count当前页数-pg_total_count总记录数-pg_nav_count呈现多少个导航数7pg_prev_数据解读,name上一页按键名称PREVpg_next_name下一页按钮名称NEXTpg_call_fun回调函数,点击开关实践-

大略就介绍到此地了,实际使用大家得以看下具体案例:DEMO。

总结

cypager
jQuery分页插件是本人日前感到最轻易的一款了,所以拿出来分享下。如果您有更加好的,请留言,多谢。

相关文章

网站地图xml地图