封裝好的javascript前端分頁插件pagination_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:48:12
封裝好的javascript前端分頁插件pagination_javascript技巧
封裝好的javascript前端分頁插件pagination_javascript技巧:摘要: 最近在開發項目中又用到了前端分頁,以前也做過,為了方便以后使用所以將他封裝成第三方插件,不依賴任何庫。網上已經有很多插件,問什么還要自己造輪子? 自己寫的擴展性高 不依賴任何庫 作為一次技術沉淀 先看下效果圖 安裝方法 首先在頁面中要載入
導讀封裝好的javascript前端分頁插件pagination_javascript技巧:摘要: 最近在開發項目中又用到了前端分頁,以前也做過,為了方便以后使用所以將他封裝成第三方插件,不依賴任何庫。網上已經有很多插件,問什么還要自己造輪子? 自己寫的擴展性高 不依賴任何庫 作為一次技術沉淀 先看下效果圖 安裝方法 首先在頁面中要載入
摘要:
最近在開發項目中又用到了前端分頁,以前也做過,為了方便以后使用所以將他封裝成第三方插件,不依賴任何庫。網上已經有很多插件,問什么還要自己造輪子?
自己寫的擴展性高
不依賴任何庫
作為一次技術沉淀
先看下效果圖

安裝方法
首先在頁面中要載入css及js
當前頁數,每次調用傳遞當前分頁
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/
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
封裝好的javascript前端分頁插件pagination_javascript技巧
封裝好的javascript前端分頁插件pagination_javascript技巧:摘要: 最近在開發項目中又用到了前端分頁,以前也做過,為了方便以后使用所以將他封裝成第三方插件,不依賴任何庫。網上已經有很多插件,問什么還要自己造輪子? 自己寫的擴展性高 不依賴任何庫 作為一次技術沉淀 先看下效果圖 安裝方法 首先在頁面中要載入