UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jQuery ajax翻页（原创）

所属分类：导航-分页

 40197  341  查看评论 (16)
分享到微信朋友圈
X
jQuery ajax翻页（原创） ie兼容9
 查看演示  website  立即下载

使用方法

1、引入jq，引入本人编写的paging.js

2、初始化，传入列表标识、初始页（选传，默认1）、每页列表数、列表总数、回调（选传，用于ajax）

3、demo使用方法：当前为模拟ajax翻页，想使用纯html切换，只需要把131~134注释去掉，把初始化回调去掉就可以了

相关插件-分页
查看更多

jQuery分页插件

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

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

 不依赖任何第三方UI库、page分页器、分页组件、兼容至ie8
  分页
 29104  305

jQuery长文本分页插件textify

 jQuery实现的长文本分页特效，textify是一个jQuery插件，可以自动创建一个有吸引力的和现代的你的内容布局，避免让用户不再枯燥的文本。
  分页
 33030  359

bootstrap paginat分页优化

 增加显示当前页码、总页数，输入页码跳转，并且插件中的英文提示和注释都翻译成了中文
  分页
 43306  350

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

    Hero 0
    2021/3/1 11:10:21
    定义变量的时候listTotal可以不用写死，但是下面封装ajaxDemo函数的时候，for循环里的i<31,这个也换成list总数吗？ 回复
    ?? 0
    2019/10/20 13:10:47
    为什么我调用了 分页按钮不出来
    一直没找出来问题 回复
    小庄 0
    2019/3/20 16:05:36
    默认第一页，没有调出来第一页内容，求解 回复
    会蹦的蚂蚱 0
    2019/3/8 20:37:02

    有bug啊，页数达到200后，跳转到150页以后，跳转页就不会在第一个格子了，应该是每个格子宽度没设置好，还有页数达到几万以后，渲染性能严重不行，

    for (var k = 1; k <= totalPage; k++) {
    pagenation.find(".pageswiperbox .pageswiper").append("" + k + "")
}

    这样写代码太耗性能了，还不如把里面div拿一个变量赋值后一起append进去

    回复
    花开两期 0
    2019/1/7 15:48:17
    条件查询后怎么替换初始查询分页中的数据和重新定位页码？ 回复
    微笑加油站 0
    2019/1/5 22:27:18
    怎么去掉后面的位移 回复
    杜明涛 0
    2018/10/29 16:36:12
    您好 我是做后台的有部分代码不是太理解 方便价格私信解答下么 回复
    ??の悻帜 0
    2018/10/26 10:39:57
    totalPage 怎么才能不让它固定只是七个，怎么增加很多个按钮
        卿未0
        2018/11/13 14:53:37
        你的列表数有多少页，totalPage就是多少个，是计算出来的
        卿未0
        2018/11/13 14:55:31
        列表总数除列表容纳数
    回复
    yyy 0
    2018/10/22 13:58:44
    listTotal 列表总数 怎么 把接口里的 列表总数 赋值给它 而不是写死的
        卿未0
        2018/10/23 20:49:27
        这个listTotal是总列表数，你可以让后台给你
    回复
    f1379767017 0
    2018/10/12 12:49:30
    怎么用呀？
        卿未1
        2018/10/15 10:14:20
        引入相关js，初始化：$("容器选择器").paging(options),options为参数，可以参考本页面下的使用方法
        似乎懂得0
        2019/2/14 16:47:44
        可以的
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复