一个前端分页插件的使用

最新推荐文章于 2024-07-30 14:47:23 发布

原创

最新推荐文章于 2024-07-30 14:47:23 发布 · 509 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#分页 #前端分页插件

本文介绍如何在前端项目中使用分页插件，强调保持html代码的原始class不变以确保样式正确显示。提供了两个关键资源的下载链接，帮助开发者实现高效分页功能。

前端html代码,最好不要修改class,防止样式不生效

<div class="ssLCon">
                <div class="box" style="text-align: center;display:inline-block;">
              <div class="page page_one"></div>
              <div id="pagination" class="page page_two fl m-style" style=""></div>
              <div class="page page_three" style="float: right;margin-left: 20px;line-height:32px"><span id="sumpage"></span></div>
            </div>
            </div>

前端js文件

//分页插件
function page(pageIndex,totalPage) {   //分页
  /* if(totalPage == 1){
    return;
  } */
    var sum = '一共' + totalPage*pageSize + '条';
    var sumpage = '共' + totalPage + '页';
    $('.jg-con-t').html(sum);
    $(".page_three").html(sumpage);
    $('#pagination').pagination({
        pageCount: totalPage,  //总页数
        jump: true,
        coping: true