模板:翻页器

本模板使用ES6重写改版，解决了翻页器时常加载失败的问题，在迁移到其它WIKI时请注意迁移本站的魔改ResourceLoader

须知

本页展示该模板不带参数的用法，需要有一定的js编程基础
对于:
-只了解wiki语法的编辑者
-页数较少且需求简单的编辑
请前往查看翻页器的带参数用法

效果展示

模板示例将直接显示当前页数

当前页数为1

使用说明

翻页器应用时包含两个部分

逻辑编写（使用者编写的翻页逻辑部分，XXX为自己在 /MediaWiki: 下创建的XXX.js文件，XXX可随意命名）：

{{ES6|XXX}}

基础组件（包含翻页器初始化所需代码）：

{{翻页器|}}

以上面的实例为例，页面的代码为

{{ES6|Pager_template}}{{翻页器|position=relative}} --不指定relative将固定在页面下方
当前页数为<div id="result">1</div>

逻辑编写部分的.js文件为

https://wiki.biligame.com/umamusume/MediaWiki:Pager_template.js 只有该部分正确编写，翻页器才会显示

//引入添加了翻页器相关函数的$函数
//该函数请用ES6模板而不是JS模板引入
import $ from "./index.php?title=MediaWiki:Pager.js&action=raw&ctype=text/javascript";

let pagenumber = 1; //当前页数
let pagecount = 14; //总页数
//在callback函数内编写翻页逻辑，pageclickednumber为当前页码
//如果有翻页过程中总页数改变的需求，可以在callback函数内递归调用$.bindPage
let callback = function(pageclickednumber) {
    $("#result").text(pageclickednumber);//自定义逻辑，这里直接将页数显示在div #result
}
//创建翻页器，参数发生改变可以再次调用
$.bindPage(pagenumber, pagecount, callback);

相关函数

$.bindPage(pagenumber, pagecount, callback)

逻辑绑定函数，详见实例的js代码 @param:

   -pagernumber: number 初始化的当前页数
   -pagecount: number 初始化的总页数
   -callback: function 翻页逻辑

@return: undefined

$.enablePager()

启用翻页器（默认启用） @return: undefined

$.disablePager()

禁用翻页器，与$.enablePager()配合，用于切换页面较慢时禁用翻页器 @return: undefined