封裝好的javascript前端分頁外掛pagination_javascript技巧

摘要：
    最近在開發專案中又用到了前端分頁，以前也做過，為了方便以後使用所以將他封裝成第三方插件，不依賴任何函式庫。網路上已經有很多插件，問什麼還要自己做輪子？

自己寫的擴展性高
不依賴任何函式庫
作為一次技術沉澱

先看下效果圖

安裝方法

首先在頁面中要載入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

示範 http://demo.jb51.net/js/2016/pagination-master/