博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery前端分页插件pagination使用
阅读量:4573 次
发布时间:2019-06-08

本文共 2006 字,大约阅读时间需要 6 分钟。

插件描述:JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。

实例图片

jQuery Pagination分页插件:下载:

步骤一:导入相关的jquery和pagination文件

        

步骤二:HTML代码:

非常简单只需要一个div标签

步骤三: JS代码:

$('.Pagination').pagination(pageNum, {                            num_edge_entries: 1, //边缘页数                            num_display_entries: 4, //主体页数                            items_per_page: 1, //每页显示1项                            prev_text: "上一页",                            next_text: "下一页",});

完整代码实例展示:

            

数据格式:bussiness.json

{    "list": [        {            "img":"img/dingwei.png",            "manager": "新店开业刷刷送豪礼"                    }, {            "img": "img/dingwei.png",            "manager": "文史楼108"                    },        {            "img": "img/dingwei.png",            "manager": "文史楼108"                    },        {            "img": "img/dingwei.png",            "manager": "文史楼108"                    },                {            "img": "img/dingwei.png",            "manager": "文史楼108"                    }            ]}

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:

福利二:微信小程序入门与实战全套详细视频教程

image

领取方式:

如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!

原文作者:祈澈姑娘

原文链接:
创作不易,转载请告知

90后前端妹子,爱编程,爱运营,爱折腾。

坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

自荐前端干货:

进阶攻略|前端最全的框架总结:

web开发快速提高工作效率的一些资源:
前端学习的几个网站:
老司机程序员用到的各种网站整理:
进阶攻略|前端完整的学习路线:
八款前端开发人员更轻松的实用在线工具:
前端几个常用简单的开发手册拿走不谢:
程序员常用的六大技术博客类:
九款优秀的企业项目协作工具推荐:
移动端手势的七个事件库:
Bootstrap相关优质项目学习清单:
2018前端越来越流行的的技术:

转载于:https://www.cnblogs.com/wangting888/p/9701719.html

你可能感兴趣的文章
(K)ubuntu上将分区格式化成NTFS格式
查看>>
面向对象的5条基本设计原则
查看>>
2017知乎看山杯总结(多标签文本分类)
查看>>
uva 12003 Array Transformer (大规模阵列)
查看>>
mysql5.7二进制包安装方式
查看>>
SQL With As 用法Sql 四大排名函数(ROW_NUMBER、RANK、DENSE_RANK、NTILE)简介
查看>>
装饰者模式——Java设计模式
查看>>
39.递推练习: 菲波那契数列(2)
查看>>
47..贪心 失恋28天-追女孩篇
查看>>
排序精讲
查看>>
【bzoj3172】 Tjoi2013—单词
查看>>
【uoj2】 NOI2014—起床困难综合症
查看>>
js return的用法
查看>>
for_each使用方法详解[转]
查看>>
Apache Storm 与 Spark:对实时处理数据,如何选择【翻译】
查看>>
c :set标签的陷阱(未解决)
查看>>
线性筛素数(欧拉筛)
查看>>
java 序列化与反序列化
查看>>
nginx安装环境
查看>>
Adventures with Testing BI/DW Application
查看>>