pagination使用说明

最新推荐文章于 2023-07-16 22:20:13 发布

转载最新推荐文章于 2023-07-16 22:20:13 发布 · 413 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/theone67/p/6709998.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery分页插件实现网页内容的分页显示。首先需下载jQuery.min.js、jquery.pagination.js及pagination.css三个文件。通过简单的代码示例展示了如何引入这些文件并初始化分页插件。

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

参考自张鑫旭

准备工作

下载jquery.min.js
下载jquery.pagination.js
下载pagination.css

开始敲代码

第一步，引入刚刚下载的三个文件

<link rel="stylesheet" href="lib/pagination.css" />
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.pagination.js"></script>

第二步，在页面结构写一个有id属性以及class="pagination"的div

<div id="Pagination" class="pagination"></div>

第三步，初始化

    $(function() {
        $("#Pagination").pagination(25, {
        num_edge_entries: 0,
        num_display_entries: 5,
        current_page: 1,
        callback: function (page) {
            console.log(page);
        },
        items_per_page:10,
        prev_text: '上一页',
        next_text: '下一页',
        prev_show_always: true,
        next_show_always: true
    });
    })

大功告成!