Perkenalan
Kompatibel dengan IE6+ dan browser modern, ini mendukung beberapa halaman di halaman yang sama.
menggunakan
Browser
<tautan rel = "stylesheet" href = "css/gb-paging.css"> <script src = "js/gb-paging.js"> </script>
Pagination normal
Html
<Div id = "gbpaging">
JS
gbpaging ({total: 101, paramName: 'p', curpage: getPage ('p', '#'), size: 5, prevText: '<', nextText: '>', pageInfo: '<b> {{currentPage}} </b>/<b> {totalpage {{{{{}} </b>/<b> {{b> {{b> {B> {{{{B> {{{{B> {{{B> {{B> {{{B> {{{B> {{B> {{B> {{TOURTY {{TOURTY {{TOURTY {{TOURTY {{TOTOPE:Halaman lain untuk halaman yang sama
Html
<Div id = "paging1"> </div>
JS
gbpaging ({eleid: 'paging1', total: 54, ukuran: 10, prevtext: false, nextText: false, paramname: 'p1', curpage: getPage ('p1', '#'), pageInfo: false, eventType: 'klik'});Segarkan dengan parameter
Html
<Div id = "paging2"> </div>
JS
gbpaging ({eleid: 'paging2', total: 2500, paramname: 'page', curpage: getPage ('page', '? type = 1 & name = 2 &'), gourl: '? type = 1 & name = 2 & {{n}}'});Fungsi pembantu
function getPage (pName, lainnya) {var page = window.location.search.replace (Lainnya + pName + '=', '') || 1; return parseInt (halaman);}Opsi
wadah paging eleid, hanya mendukung id, default adalah: 'gbpaging'
Total: Total catatan
ParamName: Nama Parameter Pagination || 'P'
Curpage: Nomor halaman saat ini
Ukuran: Jumlah catatan per halaman || 10
PrevText: Salin halaman sebelumnya || 'Halaman Sebelumnya', Nilai salah dan tidak ditampilkan
NextText: 'Salin halaman berikutnya || Nilai 'halaman berikutnya' salah tidak ditampilkan
PageInfo: Informasi paging, {{currentPage}} Nomor halaman saat ini, {{totalPages}} nomor halaman total || Saat ini {{currentPage}} halaman/total {{totalPages}} halaman, nilainya salah tidak ditampilkan
EventType: Mode acara, 'klik' || 'link'
gourl: tautan url, '? type = 1 & name = 2 & {{n}}' || '', {{n}} adalah nama parameter halaman + nilai, seperti: 'p = 1'
GitHub
https://github.com/givebest/gb-paging
Kode lengkap
/** * gb-paging.js * @class gbpaging * @see https://github.com/givebest/gb-paging * @author giveure.msn.com * @(c) 2016 **/(function () {var $, defaultconfig, paging = null, args;/** {) {var $, defaultconfig, paging = null, args; /* {/** {var $, defaultconfig, paging = null, null, args; /* o fungsi () {var $ defaultConfig = {eventType: 'tautan', curpage: 1, // Ukuran halaman saat ini: 10, // n paramname per halaman: 'p', // Parameter nomor halaman PrevText: 'halaman sebelumnya', nextText: 'halaman berikutnya',} {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{total {{{{total {{{{{{total { / ** * [$ Deskripsi] * @param {string} id * @Return {objek} html [elemen html] * / $ = function (id) {return document.getElementById (id); this.getParams (opts); ('GBPAGE')) {args.container = $ ('GBPAGE'); DefaultConfig.size; DefaultConfig.prevtext; / ** * pagination html] * @Return {[type]} [deskripsi] * / gbpaging.prototype.build = function () {var html = []; (Args.Curpage >>> 0 <= 0) kembali; '</a>'); untuk (var i = 1; i <ii; i ++) {if (args.curpage - i> 1) {html.unshift ('<a href = "' + Urlparam + (args.curpage - i) + ' {html.push ('<a href = "' + urlparam + (args.curpage + i) + '">' + (args.curpage + i) + '</a>'); html.unshift ('<a href = "' + urlparam + '1"> 1 </a>'); html.unshift ('<a>' + args.prevtext + '</a>'); + '">' + args.pages + '</a>'); args.isnext && html.push ('<a href ="' + urlparam + (args.curpage + 1) + '">' + args.nextext + '</a>');} else {args.isnext & htm + htm. & htm. & htm. " args.container.innerHtml = html.join ('');} / ** * [peristiwa pengikat] * @Return {type]} [deskripsi] * / gbpaging.prototype.events = Function () {var _this = this; = Window.event. E.PreventDefault? 'Disabled')) {args.curpage = target.getAttribute ('href'). Ganti (parseurl (args.gourl, args.paramname), ''); parseInt (args.curpage); _this.build (); url.replace ('{{n}}', param + '=');} else {return '#' + param + '=' (TypeOf AddEventListener === 'Function') {ele.addeventListener (event, fn, false); {Function} fn Callback Function* / /* function unbind (eLe, event, fn) {if (typeof ronteVentListener === 'function') {eLe.removeEventListener (event, fn, false)* @ @fn (eLe.detachevent) {ele.detach ('On' {Object} ELE HTML Object * @param {String} cls className * @return {boolean} */ function hasclass (ele, cls) {if (! Regexp ('(// s |^)' + cls + '(// s | $)')); ELE.ClassList.Add (cls);} else {if (! Hasclass (ELE, CLS)) ELE.ClassName + = '' + cls; if (eLe.classList) {ele.classlist.remove (cls); (window.gbpaging == tidak terdefinisi) {window.gbpaging = function (opts) {paging = gbpaging (); {define ('gb-paging', [], function () {return gbpaging;});