前端傻瓜式极其简单的豪华炫丽的分页器tpage使用教程

• 地址 :https://gitee.com/tiddar/jsbasic/tree/master/20192021

• 演示地址:https://tiddar.gitee.io/jsbasic/20192021/pager.html

• 使用教程：

  1. 引入tpage.js(或tpage.min.js),tpage.css文件
  2. 在html建立一个元素
  3. 在js脚本里构造出一个PageNation对象，传入放分页器的元素选择器与初始化参数

• 调用:

     new PageNation(selector, options)
  

  构造函数的参数:

  参数	是否必须	类型	介绍
  selector	是	字符串	用来放置分页器的元素
  options	是	js对象	分页参数

  初始化参数 options的构成

  名	是否必须	类型	介绍
  total	是	数字	数据总量
  size	是	数字	每页数量
  current	是	数字	当前页页码

  例如:

        <div id="pagenation"> </div>
         <script>
             new PageNation('#pagenation', {
                 total: 100,
                 size: 5,
                 current: 1,
                 data: []
             })
         </script>
  

  产生 的页面效果为：
  

函数:

名	参数	介绍
pre	函数	上一页点击事件
next	函数	下一页点击事件
first	函数	首页点击事件
last	函数	末页点击事件
jump	函数	跳页点击事件

若想监听页码跳转，则可以为这几个函数传入一个回调函数作为参数来让他每次发生此事件时调用刚才传入的回调函数.
若想直接触发函数，则直接调用上述函数即可.

何为回调函数：指的是触发某个条件后执行的函数，比方说我们想在他每点击上一页之后都alert一个fuck那么我们这么写

 let page = new PageNation('#pagenation', {
       total: 100,
       size: 5,
       current: 1
   })
   page.jump(() => {
       alert('fuck')
   });

将会进化为ttable然后进化为tui哦