zoukankan      html  css  js  c++  java
  • jquery自动生成分页控件

    /*
    
    pagenum:当前页数
    theallnum:总条数
    themeiye:每页显示多少条
    
    */
    
    function pagetest(pagenum, theallnum, themeiye) {
        $("#pages").html("");
        var allnum = theallnum; //总页数
        var meiye = themeiye; //每页显示条数
        var xsnumber = 6;
        var cjnum = Math.ceil(allnum / meiye);
        var str = "";
        var activepage = pagenum;
        var prevpage = parseInt(activepage) - 1;
        var nextpage = parseInt(activepage) + 1;
    
    
        if (activepage != 1) {
            str = '<a data-href="' + prevpage + '">上一页</a>'
        }
        if (cjnum > 6) {
            if (pagenum > 3) {
                if (pagenum + 2 < cjnum) {
                    for (var i = pagenum - (xsnumber - 4) ; i <= pagenum + (xsnumber - 4) ; i++) {
                        loadpage(i);
                    }
                    str += "...";
                    str += '<a data-href="' + cjnum + '">' + cjnum + '</a>';
                }
                else {
                    for (var j = 1; j <= activepage - (cjnum - (xsnumber - 3)) ; j++) {
                        loadpage(j);
                    }
                    str += '<span>...</span>';
                    for (var i = activepage - 2; i <= cjnum; i++) {
                        loadpage(i);
                    }
                }
            }
            else {
                for (var i = 1; i < xsnumber; i++) {
                    loadpage(i);
                }
                str += '<span>...</span>';
                str += '<a data-href="' + cjnum + '">' + cjnum + '</a>';
            }
    
            if (activepage != cjnum) {
                str += '<a data-href="' + nextpage + '">下一页</a>'
            };
            $("#pages").append(str);
        }
        else {
            for (var i = 1; i <= cjnum; i++) {
                loadpage(i);
            }
            if (activepage != cjnum) {
                str += '<a data-href="' + nextpage + '">下一页</a>'
                console.log(nextpage)
            };
            $("#pages").append(str);
            //countMaxH();
        }
        function loadpage(i) {
            i == activepage ? str += '<a class="active" data-href="' + i + '">' + i + '</a>' : str += '<a data-href="' + i + '">' + i + '</a>';
        }
    
    };
  • 相关阅读:
    待写
    让一个小div在另一个大div里面 垂直居中的四种方法
    20 个有用的 SVG 工具,提供更好的图像处理
    php原理简述
    Apache 打开网页的时候等待时间过长的解决方案
    TCP协议中的三次握手和四次挥手(图解)
    apache 各平台进程线程模块解析
    浅谈移动Web开发(上):深入概念
    响应式布局
    jQuery Mobile 入门教程
  • 原文地址:https://www.cnblogs.com/wanliyuan/p/4235501.html
Copyright © 2011-2022 走看看