基于jQuery的分页组件-jqPaginator分页组件

所需积分  0 6284
基于jQuery的分页组件-jqPaginator分页组件

jqPaginator是一款基于jQuery的简洁、高度自定义的jQuery分页组件,适用于多种应用场景。

用法很简单,首先引入jQuery和jqPaginator,之后就可以初始化分页了

  1. $('#id').jqPaginator({
  2.     totalPages: 100,
  3.     visiblePages: 10,
  4.     currentPage: 1,
  5.     onPageChange: function (num, type) {
  6.         $('#text').html('当前第' + num + '页');
  7.     }
  8. });


参数


参数默认值说明
totalPages0设置分页的总页数
totalCounts0设置分页的总条目数
pageSize0设置每一页的条目数
注意:要么设置totalPages,要么设置totalCounts + pageSize,否则报错;设置了totalCounts和pageSize后,会自动计算出totalPages。
currentPage1设置当前的页码
visiblePages7设置最多显示的页码数(例如有100也,当前第1页,则显示1 - 7页)
disableClass'disabled'设置首页,上一页,下一页,末页的“禁用状态”样式
activeClass'active'设置当前页码样式
firstbootstrap风格设置“首页”的Html结构
prevbootstrap风格设置“上一页”的Html结构
nextbootstrap风格设置“下一页”的Html结构
lastbootstrap风格设置“末页”的Html结构
pagebootstrap风格设置页码的Html结构,其中可以使用{{page}}代表当前页,{{totalPages}}代表总页数,{{totalCounts}}代表总条目数(例如:上面的“极简风格”的Demo,就是使用了{{占位符}},并将visiblePages设为1实现的。)
注意:first、prev、next、last。page只要设置一个,其余未设置的会变为空。
wrapper(无)分页结构的Html包裹,例如:<div class="your class"></div>,一般不会用到
onPageChange(无)回调函数,当换页时触发(包括初始化第一页的时候),会传入两个参数:
1、“目标页"的页码,Number类型
2、触发类型,可能的值:“init”(初始化),“change”(点击分页)


扩展方法

jqPaginator提供了两个扩展方法,方便初始化后对组件进行操作。 

  1. $('#id').jqPaginator('option', options)

初始化后,动态修改配置

  1. $('#id').jqPaginator('option', {
  2.     currentPage: 1
  3. });
  1. $('#id').jqPaginator('destroy')

销毁jqPaginator

  1. $('#id').jqPaginator('destroy');


展开

jQuery年终奖抽奖系统代码

公司年终奖抽奖系统,基于jQuery,兼容Chrome,火狐等现代浏览器,其他浏览器未做兼容性测试

jvalidator异步表单验证器

jvalidator是一个支持表达式的异步表单验证器插件,使用方法:第1步设置好表单,为需要验证的字段设置 data-jvalidator-pattern ,该内容是你可以使用的验证器<form id="form1

ThinkPHP5微信支付扩展库

ThinkPHP5微信支付扩展库使用说明在默认配置情况下,将文件夹**拷贝到根目录**即可, 其中 extend 目录为扩展目录需要在配置文件 /extend/wxpay/lib/WxPayConfig.php 中填写必要的参数如有退款操作

PHP+Mysql+jQuery找回密码实例

找回功能不是真的能把忘记的密码找回,因为我们的密码是加密保存的,一般开发者会在验证用户信息后通过程序生成一个新密码或者生成一个特定的链接并发送邮件到用户邮箱,用户从邮箱链接到网站的重置密码模块重新设置新密码。

Element UI表单设计及代码生成器

Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。仓库地址:https://gitee.com/mrhj/form-gene

PHP微信扫码关注公众号并授权登录源码

PHP微信扫码登录看起来简单,但做起来有点麻烦,开发起来就会浪费很多的时间。PHP判断是否首次关注公众号,扫码关注公众号获取微信用户头像、openid和省市等信息源码。使用方法:1、把 wx 目录放到网站根目录2、登录https://mp.

基于ThinkPHP5.0的微信小程序登录流程封装

基于ThinkPHP5.0的微信小程序composer包。安装方法:composer require xxh/think-wxminihelper你只需要两部就可以实现微信的登录验证,验证成功后会自动返回一个3rd_se

小人举牌图片表情生成代码实例

小人举牌图片表情生成代码实例,可以实时在线生成小人举牌的聊天表情图片文件。你可以用来做一个API接口,用于在线聊天软件使用。

Python批量爬取快手主页视频代码

这是一段Python批量爬取快手主页视频的代码示例,输入作者id就可批量爬取视频,有兴趣的可以研究研究。自动保存到D:/video/文件夹需要导入requests库(懂python的应该都知道吧)指令(win+r,cmd)pip 

PHP爬虫实例-4K壁纸爬取测试

PHP爬虫实例,4K壁纸爬取测试。本实例的目标网站是一个叫《彼岸网》的壁纸网站,使用技术是 QueryList(php爬虫库)。只要爬取.clearfix li>a>img元素里面的src属性和alt属性即可获得图片u

PHP用户注册邮箱验证激活帐号实例

本实例演示如何使用PHP+Mysql完成注册帐号、发送激活邮件、验证激活帐号、处理URL链接过期的功能。网站注册会员时,注册完成后,系统会自动向用户的邮箱发送一封邮件,这封邮件的内容就是一个URL链接,用户需要点击打开这个链接才能激活之前在

评论(0)条

您还没有登录,请 登录 后发表评论!

提示:请勿发布广告垃圾评论,否则封号处理!!

    编辑推荐