jQuery前台之分页1

所属分类:导航-分页

 19148  54  查看评论 (20)
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;
            }
        })
})
相关插件-分页

JqueryPagination分页插件

JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。
  分页
 31758  82

一款非常简洁漂亮方便调用的jQuery前端分页

一款非常简洁漂亮方便调用的jQuery前端分页,没有多余的JS和文件。
  分页
 35354  77

实用美观的jquery 分页

代码简单,运行速度快,兼容所有浏览器
  分页
 16609  143

简单实用的jquery分页插件

简单实用的jquery分页插件
  分页
 19804  58

讨论这个项目(20)回答他人问题或分享插件使用方法奖励jQ币

    我是张杨扬扬扬 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数据赋给他

    回复
    和煦的糖果风_ 0
    2017/8/7 14:01:49

    只有2页的时候,点击下一页,首页和上一页出现disabled样式,但是还是可以点击。

    在绑定下一页按钮opts.cacheNum++;后面添加

    opts.firstPage.removeClass("disabled"); 
    opts.prevPage.removeClass("disabled");
    回复
    让我感激你、曾予我欢颜 0
    2017/7/19 10:26:46
    叶建文 0
    2017/7/17 21:00:12

    好像很不错的样子

    回复
    Guess 0
    2017/7/14 16:36:54

    请问这个怎么插入DW中呢?

        叶建文0
        2017/7/17 21:01:10

        不是直接下载代码就用吗?

        ?锄の??0
        2017/8/25 14:32:36

        怎么用啊

    回复
取消回复