摘要:
最近在開發專案中又用到了前端分頁,以前也做過,為了方便以後使用所以將他封裝成第三方插件,不依賴任何函式庫。網路上已經有很多插件,問什麼還要自己做輪子?
自己寫的擴展性高
不依賴任何函式庫
作為一次技術沉澱
先看下效果圖
安裝方法
首先在頁面中要載入css及js
使用範例
pagination({
cur: 1, // 目前頁數
total: 6, // 總共多少頁
len: 5, // 分頁顯示多少個
targetId: 'pagination', // 分頁元素綁定
callback: function() {
// 回呼函數
}
})
參數介紹
cur
目前頁數,每次呼叫傳遞目前分頁
total
總共多少頁,根據總數和每頁顯示數量可以取得
len
分頁欄上顯示的數量
targetId
分頁元素綁定的
callback
頁面渲染完成之後執行的函數,例如事件綁定等。
tips
demo是用的靜態數據,如果呼叫服務端的數據,只要將index.js檔案中的for迴圈改成Ajax請求就可以了。
下載 http://xiazai.jb51.net/201601/yuanma/pagination-master(jb51.net).zip