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

所属分类:导航-分页

 21177  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);
    }
});
相关插件-分页

jQuery分页插件

根据获取内容显示不同页数并可输入页码跳转
  分页
 59282  528

超实用的angular.js无刷新分页完整案例

超实用的angular.js无刷新分页完整案例(需要放到服务器下运行!)
  分页
 43476  389

jQuery前端分页插件pageGroup.js

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件,页面多可隐藏
  分页
 62018  376

jQuery仿淘宝分页插件(原创)

根据淘宝分页样式简洁美观功能全面兼容性好易用性好维护简单多个分页互不干扰的分页插件
  分页
 38808  352

讨论这个项目(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
        将第一次的方法和后面分页获取的方法分开两个
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复