jquery分页插件jquery.pager

来源:https://www.sucaihuo.com/js/1907.html 2017-05-09 15:35浏览(527) 收藏

jquery分页插件jquery.pager功能非常强大,跟Ajax配合使用,返回数据进行分页操作,可灵活设置jquery插件的参数,初始化只需要设置3个参数即可,1、当前页pagenumber,2、每页显示的数量pagecout,3、分页按钮绑定buttonClickCallback。。。
jquery分页插件jquery.pager
分类:html/css > 分页 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用文件

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.pager.js" type="text/javascript"></script>

页面初始化jquery代码如下:

$(function(){

        $("#pager").pager({
            pagenumber:1,
            pagecout:10,
            buttonClickCallback:PageClick
        });

    });
    PageClick = function(pageclickednumber){
        $("#pager").pager({
            pagenumber:pageclickednumber,
            pagecount:100,
            buttonClickCallback:PageClick
        });
        $(".txt").html("Current page is"+"<b>"+pageclickednumber+"</b>");
    }
标签: 分页
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2