jQuery前端分页示例分享

2020-05-22 17:13:24易采站长站整理

            }
        }
    } else {
        intBeginPage = 1;
        intEndPage = pageCount;
    }
    if (pageCount > 0) {
        for (var i = intBeginPage; i <= intEndPage; i++) {
            {
                if (i == pageIndex) {//当前页
                    strPage = strPage + ” <a class=’current’ href=’javascript:void(0);’>” + i + “</a> “;
                }
                else {
                    strPage = strPage + ” <a class=’pageNav’ href='” + url + “?pageIndex=” + i + “&pageSize=” + pageSize + “‘ title=’第” + i + “页’>” + i + “</a> “;
                }
            }
        }
    }
    if (pageIndex < pageCount) {
        strPage = strPage + “<a class=’pageNav’ href='” + url + “?pageIndex=” + (pageIndex + 1) + “&pageSize=” + pageSize + “‘><span>下一页</span></a> “;
        strPage = strPage + “<a class=’pageNav’ href='” + url + “?pageIndex=” + pageCount + “&pageSize=” + pageSize + “‘><span>尾页</span></a> “;
    }
    return strPage+”</div>”;
}

试用这个方法试试

复制代码
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
    <title></title>
    <script src=”Script/ajax-pager.js”></script>
    <script src=”Script/jquery-1.8.0.js”></script>
    <script type=”text/javascript”>