手机版

封装的javascript前端分页插件分页

时间:2021-09-19 来源:互联网 编辑:宝哥软件园 浏览:

最近开发项目中使用了前端分页,以前也做过。为了方便将来使用,它被打包为第三方插件,不依赖于任何库。网上已经有很多插件了。为什么需要自己造轮子?

自写是高度可扩展的,不依赖任何库作为技术沉淀。

先看效果图。

安装方法

首先,在页面中加载css和js link rel='样式表' href=' dist/pagination.css '脚本src=' http : list/pagination . js '/脚本。

用法示例

分页({ cur: 1,//当前页面合计: 6,//总页数len3360 5,//页面显示多少targetId: '分页',//page元素绑定到callback:函数(){///回调函数}})。

参数介绍

坏蛋

当前页码,每次调用都会经过当前页面。

总数

总页数可以根据总页数和显示的页数获得。

低输入联网(low-entry networking的缩写)

分页栏上显示的数量。

targetId

分页元素绑定。

回收

页面呈现后要执行的功能,如事件绑定。

Tipsdemo是静态数据。如果调用服务器数据,只需要将index.js文件中的for循环改为Ajax请求。

下载http://xiaozai.jb51.net/201601/yuanma/pagination-master(jb51.net)。

示范http://demo.jb51.net/js/2016/pagination-master/

版权声明:封装的javascript前端分页插件分页是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。