jQuery前台之分页1

所属分类:导航-分页

 48259  360  查看评论 (24)
分享到微信朋友圈
X
jQuery前台之分页1 ie兼容6

注意:本地预览请用火狐浏览器,Chrome本地预览会有垮域问题

更新时间:2017/9/12 上午9:05:56

更新说明:修改了index.html与page.js


使用方法 :  

$(function() {
        $(".pageBox").pageFun({ /*需要在本地服务器上才能浏览如:http://192.168.0.104/test/page1/index.html*/
            interFace: "data/page.json",
            /*接口*/
            displayCount: 4,
            /*每页显示总条数*/
            maxPage: 5,
            /*每次最多加载多少页*/
            dataFun: function(data) {
                var dataHtml = '<li>' + data.dataNum + '<>';
                return dataHtml;
            },
            pageFun: function(i) {
                var pageHtml = '<li class="pageNum">' + i + '<>';
                return pageHtml;
            }
        })
})
相关插件-分页

jquery分页插件

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

jQuery分页插件

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

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

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

jQuery长文本分页插件textify

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

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

    0
    2018/5/2 15:10:52
    怎样处理跨域问题
    回复
    Rcon 0
    2018/2/26 14:28:51
    如何添加选择展示功能    选择一页显示多少条数据(比如10条 20条)的呀? 回复
    DarkBomb 0
    2017/12/11 20:00:35
    邈邈 0
    2017/11/21 18:36:47

    这个怎么用ajax交互啊

    回复
    我是张杨扬扬扬 0
    2017/11/13 14:45:39

    大神,为何我的报错找不到pageFun方法呢

    回复
    七年 0
    2017/10/30 14:00:37

    怎么显示一共有多少条条数呢求教大神

        哟喂0
        2017/10/31 12:22:23
        获取到数据长度啊
    回复
     九 。 0
    2017/10/24 14:26:08

    当页数过多时,怎样出现省略号呢

        哟喂0
        2017/10/31 12:23:54

        要自己扩展哦

    回复
    ?著于我?的?著ベ 0
    2017/9/7 11:38:00

    会有跨域问题,前台如何做处理

        哟喂0
        2017/9/9 15:50:50

        跨域 需要和后台 商量哈一起解决

    回复
    ?著于我?的?著ベ 0
    2017/9/4 18:28:21

    只有一页的时候首尾页虽然禁掉了,但是还可以点击

        哟喂0
        2017/9/9 15:53:49

        欢迎 提出修改意见

    回复
    谁动了我的奶酪1 0
    2017/8/7 20:34:01

    请问怎么直接把json数据赋给他

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复