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

jQuery ajax翻页（原创）

所属分类：导航-分页

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

使用方法

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

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

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

相关插件-分页
查看更多

jQuery分页插件（原创）

 jQuery分页插件，支持ie8及以上，注意jquery 2.0版本及以上不支持ie8及以下了
  分页
 21212  222

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

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

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

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

jQuery分页插件pagination.build.js

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

讨论这个项目（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
        可以的
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复