這篇文章主要介紹了jquery實現pager控件示例,需要的朋友可以參考下
js: 代碼如下: $.fn.extend({ JPager: function (cfg, pageIndex, pageSize) { if (cfg && pageIndex > 0 && pageSize>0) { var token = "#" + this.attr("id"); this.empty(); var pageFirst = function () { $(token).JPager(cfg, 1, pageSize); }; var pagePre = function () { $(token).JPager(cfg, pageIndex - 1, pageSize); }; var pageLast = function () { $(token).JPager(cfg, parseInt($("#_tot").val()), pageSize); }; var pageNext = function () { $(token).JPager(cfg, pageIndex + 1, pageSize); }; var pageNumber = function () { $(token).JPager(cfg, parseInt($(this).text()), pageSize); }; var pageGo = function () { var index = parseInt($("#_pos").val()); var total = parseInt($("#_tot").val()); if (index) { if (index > total) { $(token).JPager(cfg, total, pageSize); } else if (index < 1) { $(token).JPager(cfg, 1, pageSize); } else { $(token).JPager(cfg, index, pageSize); } } }; var checkGoNumber = function () { if (!Number(this.value)) { this.value = ""; } else { this.value = Number(this.value); } }; var initCustomer = function (recordCount) { if (cfg.customer) { if (cfg.customer.template) { var t = cfg.customer.template; t = t.replace(/%total%/gi, Math.ceil(recordCount / pageSize)).replace(/%current%/gi, pageIndex).replace(/%recordCount%/gi, recordCount).replace(/%pageSize%/gi, pageSize); if (cfg.customer.position == "right") { $("#_right").after(t); } else { $("#_left").before(t); } } } }; var changeState = function (total) { if (pageIndex == 1) { $("#_first").attr("class", "unable"); $("#_pre").attr("class", "unable"); } else { $("#_first").bind("click", pageFirst).attr("class", "number"); $("#_pre").bind("click", pagePre).attr("class", "number"); } if (pageIndex == total) { $("#_last").attr("class", "unable"); $("#_next").attr("class", "unable"); } else { $("#_last").bind("click", pageLast).attr("class", "number"); $("#_next").bind("click", pageNext).attr("class", "number"); } }; var initNumber = function (total, count, current) { if (total > 0 && count > 0) { if (current < 1) { current = 1; } if (current > total) { current = total; } var endIndex = total; var startIndex = 1; var temp = current + Math.floor(count / 2); if (temp < total) { if (temp < count) { endIndex = count; } else { startIndex = temp - count + 1; endIndex = temp; } } else { if (total > count) { startIndex = total - count + 1; } } $("#_number").e