原生js的分页插件my-page.js

所属分类:导航-分页

 19576  166  查看评论 (3)
分享到微信朋友圈
X
原生js的分页插件my-page.js ie兼容12

更新时间:2020-03-18 23:07:11

使用方法

css引入

<link rel="stylesheet" href="./my-page/my-page.css">

js引入

<script src="./my-page/my-page.js"></script>

html

<div style="text-align: center;">
     <div class="my-page"></div>
</div>

 js

myPageInit({
    pages: 100,
    currentPage: 1,
    element: '.my-page',
    callback: function(page) {
        console.log("当前页:", page);
    }
});
相关插件-分页

官网分页特效

官网分页特效
  分页
 42328  394

基于jquery和bootstrap的分页插件jqPaginator.js

基于jquery的分页插件,引入jquery.js 、bootstrap.css该插件即可
  分页
 51453  328

jQuery卡片分页插件

可用于对特定的数据绑定dom分页
  分页
 35822  335

jQuery分页插件jQuery.pager.js

表格分页,li分页
  分页
 56611  337

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    J.蓝波 0
    2020/4/28 15:30:29
    有 bug,ajax请求后初始化myPageInit({})里的回调函数不停的循环调用我的ajax请求
        吴亦几0
        2020/8/1 20:16:44
        我的也是这样哈哈
        lyh0
        2020/12/10 13:50:16
        将第一次的方法和后面分页获取的方法分开两个
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复