侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

Jquery,page分页

2024-05-13 星期一 / 0 评论 / 0 点赞 / 99 阅读 / 2468 字

准备工具:jquery-1.3.2.min.js jquery.pager.js Pager.css 以上工具说明一下是在网上下载的 jquery.page(分页) 压缩包,且以上工具都用的上 1.使

准备工具:jquery-1.3.2.min.js

                    jquery.pager.js

                    Pager.css

以上工具说明一下是在网上下载的  jquery.page(分页) 压缩包,且以上工具都用的上

1.使用准备:页面引用

<link href="~/Scripts/Page/pager.css" rel="stylesheet" />

<script src="~/Scripts/jQuery-1.8.3.js"></script>

<script src="~/Scripts/Page/jquery.pager.js"></script>

2.在<body>中需要分页处写入

<div id="pager" class="page">

</div>

3.js处代码

//pagenumber页码,pagecount分页数量,buttonClickCallback点击分页的函数

//TotalCount记录总数,PageEnter:true 跳页false不跳页

<script type="text/javascript">

    $("#pager").pager({

        pagenumber: pageclickednumber,

        pagecount: Math.ceil(total / 8),

        buttonClickCallback: PageClick,

       //TotalCount: total, 可以不用

       // PageEnter: true   可以不用

    });

 

    PageClick = function (pageclickednumber) {//点击页号后的函数

window.location.href="<%=request.getContextPath()%>/userManager/pageclicked?

pageclickednumber="+pageclickednumber+"&str="+str;

    }

</script>

 

 

 

广告 广告

评论区