مقدمة
متوافق مع IE6+ والمتصفحات الحديثة ، فإنه يدعم صفحات متعددة في نفس الصفحة.
يستخدم
متصفح
<link rel = "stylesheet" href = "css/gb-paging.css"> <script src = "js/gb-paging.js"> </script>
ترقيم الصفحات الطبيعية
HTML
<div id = "gbpaging">
JS
GBPaging ({Total: 101 ، paramname: 'p' ، curpage: getPage ('p' ، '#') ، الحجم: 5 ، prevtext: '<' ، nextText: '>' ، pageinfo: '<b> {{currentpage}} </b>/<b>صفحة أخرى لنفس الصفحة
HTML
<div id = "paging1"> </viv>
JS
GBPaging ({eleid: 'paging1' ، المجموع: 54 ، الحجم: 10 ، prevtext: false ، nextText: false ، paramname: 'p1' ، curpage: getPage ('p1' ، '#') ، pageinfo: false ، eventtype: 'click'}) ؛تحديث مع المعلمات
HTML
<div id = "paging2"> </viv>
JS
GBPaging ({eleid: 'paging2' ، total: 2500 ، paramname: 'page' ، curpage: getPage ('page' ، '؟ type = 1 & name = 2 &') ، gourl: '؟ type = 1 & name = 2 & {n}}}) ؛وظائف المساعد
وظيفة getPage (pname ، other) {var page = window.location.search.replace (other + pname + '=' ، '') || 1 ؛ إرجاع Parseint (صفحة) ؛}خيارات
حاوية الترحيل Eleid ، تدعم المعرف فقط ، الافتراضي هو: "GBPaging"
المجموع: إجمالي السجلات
ParamName: اسم ترقيم الصفحات || "ص"
Curpage: رقم الصفحة الحالي
الحجم: عدد السجلات لكل صفحة || 10
PrevText: نسخة سابقة || "الصفحة السابقة" ، القيمة خاطئة ولا يتم عرضها
NextText: "الصفحة التالية نسخة || قيمة "الصفحة التالية" خاطئة لم يتم عرضها
PageInfo: معلومات الترحيل ، {{currentPage}} رقم الصفحة الحالي ، {{TotalPages}} إجمالي رقم الصفحة || Page {{currentPage}} صفحة/صفحة Total {{TotalPages}} ، لا يتم عرض القيمة الخاطئة
EventType: وضع الحدث ، "انقر" || 'وصلة'
Gourl: Link URL ، '؟ type = 1 & name = 2 & {{n}}' || '' ، {{n}} هو اسم معلمة الصفحة + القيمة ، مثل: 'p = 1'
جيثب
https://github.com/givebest/gb-ping
رمز كامل
/** * gb-paging.js * cclass gbpaging * see https://github.com/givebest/gb-paging * author [email protected] * @(c) 2016 **/(function () {var $ ، defaultConfig ، page = null ، args ؛ DefaultConfig = {eventType: 'link' ، curpage: 1 ، // حجم الصفحة الحجم: 10 ، // n paramname لكل صفحة: 'p' ، // معلمة رقم الصفحة prevtext: 'PRECTTEST' ، nextText: 'page' ، pageInfo: 'Current <B> {{currentpage}} </b. / ** * [$ description] * param {string} id * return {object} html [html element] this.getparam (opts) ؛ (gbpage) || defaultConfig.size; args.paramName = args.paramName || defaultConfig.paramName; args.goUrl = args.goUrl || ''; args.pages = Math.ceil(args.total / args.size || 0); args.isPrev = (args.prevText !== false) ? true : false; args.prevText = args.prevText || defaultConfig.prevText; args.isNext = (args.nextText !== false) ? true : false; args.nextText = args.nextText || defaultConfig.nextText; args.isPageInfo = (args.pageInfo !== false) ? true : false; args.pageInfo = args.pageInfo || defaultConfig.pageInfo; } / ** [ترقيم الصفحات] * return {[type]} [الوصف] (args.curpage >> 0 <= 0) "</a> ') ؛ {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.nexttext +' </a>) ؛ "</a> ') ؛ args.container.innerhtml = html.join ('') ؛ e || {args.curpage = target.getattribute ('href'). _THIS.BUILD () ؛ + '=') ؛ ele.addeventListener (الحدث ، fn ،} آخر إذا (ele.attachevent) Unlind (ele ، event ، fn) {if (typeof removeEventListener === 'function') {ele.RemoveEventListener (event ، flust) ؛ {string} classname * {boolean} */function hasclass (eLe ، cls) {if (! ele ||! cls) false ؛ '(// s | $)') ؛ CLS)) ele.classname + = ' + cls ؛ {ele.classname = ele.classname.replace (regexp جديد ('(^| // b)' + classname.split (''). gbpaging () ؛ } ()) ؛