js分页插件兼容ie8(原创)

所属分类:导航-分页

 29358  305  查看评论 (10)
分享到微信朋友圈
X
js分页插件兼容ie8(原创) ie兼容8

使用方法

引入

<link rel="stylesheet" href="./css/page_common.css">
<script src="./js/page_common.js"></script>

body中添加

<div ></div>

页面DOM渲染完成初始化分页器并配置分页器

// 初始化 分页
var page_s1=createPage('.page_s1');
// 设置分页
setPage(page_s1,{
       pageTotal: 10, // 数据总条数   
       pageSize: 4,    // 每页显示条数
       pageCurrent: 1,  //  当前页
       maxBtnNum: 5,   // 最多按钮个数  (最少5个)
       change:function(e){   // 页数变化回调函数(返回当前页码)
           $('#page_s1').html(e)
       }, 
 })
相关插件-分页

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

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

jQuery分页插件

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

jQuery分页插件pagination.build.js

jQuery分页插件pagination.build.js根据页数生成页码,配置简单使用方便
  分页
 30212  316

jquery分页插件

堪称完美jquery分页插件
  分页
 52922  403

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

    DONG 0
    2019/8/28 9:25:24
    刚试了,不兼容ie8?
        人生要有梦想0
        2020/8/7 11:54:58
        兼容的
    回复
    Color of The Wind 0
    2019/8/16 14:42:54
    不错,这款功能很合意 回复
    Katze 0
    2019/8/14 10:49:27
    怎么实现重新初始化操作呢 回复
    到不了 0
    2019/6/20 10:50:51
    不错不错
        力量与荣耀0
        2019/7/22 20:39:09
        分享一下:595114562@qq.com 谢谢
    回复
    独行客 0
    2019/5/29 11:03:21
    看着挺好诶,谢谢谢谢,我试一下。 回复
    心印丶 0
    2019/5/25 9:36:38
    这个插件是怎样控制每页的切换?
        偏执怪人1
        2019/5/25 9:40:20
        主要是通过当前页,每页分多少条数据,总数据的条数,然后根据计算得出点击当前页,对数组截取的开始和结束的索引值。
        无名0
        2019/6/24 18:09:48
        顶!
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复