JQuery LI 分頁插件是一種優秀的分頁插件,它可以幫助我們輕松的實現分頁功能。本文將介紹 JQuery LI 分頁插件的使用方法。
第一步:引入 JQuery LI 分頁插件的 JS 文件。
<script src="jquery.li.pagination.js"></script>
第二步:創建一個 DIV 元素來放置分頁控件。
<div id="pagination"></div>
第三步:使用 JS 調用分頁插件。
<script> $('#pagination').pagination({ pageCount: 10, //總頁數 current: 1, //當前頁 jump: true, //是否包含跳轉功能 coping: true, //是否顯示首頁和末頁 homePage: '首頁', //首頁描述 endPage: '末頁', //末頁描述 prevContent: '上一頁', //上一頁描述 nextContent: '下一頁', //下一頁描述 callback: function (page) { //回調函數 console.log(page); } }); </script>
上述代碼中的 pageCount 表示總頁數,current 表示當前頁,jump 表示是否包含跳轉功能,coping 表示是否顯示首頁和末頁,homePage 和 endPage 分別表示首頁和末頁的描述,prevContent 和 nextContent 分別表示上一頁和下一頁的描述。
當用戶點擊分頁按鈕時,回調函數會被調用,回調函數的參數 page 表示當前頁碼。
JQuery LI 分頁插件的使用方法非常簡單,只需要幾行代碼就可以輕松的實現分頁功能。它是一個非常實用的插件,可以大大簡化我們的開發工作。
上一篇jquery js 打印
下一篇css光的效果圖