jQuery前台之分页1

所属分类：导航-分页

47574 358 查看评论 (24)

分享到微信朋友圈

查看演示立即下载

插件描述：实现前后端分离后台提供接口，前台获得接口展现数据

注意：本地预览请用火狐浏览器，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加载更多

简易滚动加载(超轻量)