jQuery分页插件pagination.js 笔记

最新推荐文章于 2021-06-15 15:10:53 发布

dianduanyun7258

最新推荐文章于 2021-06-15 15:10:53 发布

阅读量137

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/caolingyi/p/8527448.html

版权

本文介绍了一个基于jQuery的分页插件的使用方法，包括如何引用插件、基本的HTML结构设置、JS调用方式及配置参数详解。通过实例展示了如何自定义分页样式和功能，如首页、尾页、当前页显示等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文:http://www.jq22.com/jquery-info5697

简单使用方法

引用

<script src="jquery.js"></script>
<script src="jquery.pagination.js"></script>

html

<div class="box"></div>

$('.box').pagination();

$('.box').pagination({
                coping: false,
                isHide: false,
                current: pageIndex,
                activeCls: 'active',
                totalData: totalCount,
                //pageCount:pageCount,
                showData: pageSize,
                pageCount: 0,
                homePage: '首',
                endPage: '尾',
                prevContent: '<',
                nextContent: '>',
                callback: function (api) {
                    //a=api.getCurrent();
                    GetList(api.getCurrent(), pageSize)
                },
                keepShowPN: true,
                count: 3,
                activeCls: 'cur'
            });

配置信息

pageCount：总页数（默认值：9）
totalData：数据总条数（默认值：0）
showData：每页展示条数（默认值：0）
current：当前第几页（默认值：1）
prevCls：上一页class样式（默认值：'prev'）
nextCls：下一页class样式（默认值：'next'）
prevContent：上一页节点内容（默认值：'<'）
nextContent：下一页节点内容（默认值：'>'）
activeCls：当前选中样式（默认值：'active'）
count：当前页前后页数（默认值：3）
coping：是否开启首页尾页（默认值：false）
homePage：首页节点内容（默认值：1）
endPage：尾页节点内容（默认值：当前最大页数）
callback()：回调函数