jquery.page是一個用于分頁的jQuery插件。它可以方便地設置分頁的樣式和頁碼,并實現快速的跳轉。下面我們來看一下該插件的使用方法:
//引入jquery庫和jquery.page插件 <script src="jquery.min.js"></script> <script src="jquery.page.js"></script> //使用jquery.page插件設置分頁 var totalPage = 10;//總頁數 $('#page').page({ total: totalPage, //總頁數 current: 1, //當前頁碼 prevCls: 'prev', //上一頁樣式 nextCls: 'next', //下一頁樣式 activeCls: 'active', //當前頁碼樣式 prevContent: '上一頁', //上一頁文字 nextContent: '下一頁', //下一頁文字 ellipseText: '...', //省略號文字 jump: function (page) { //點擊頁碼時的回調函數 console.log("跳轉到第" + page + "頁"); } });
其中,使用jquery.page插件時需要傳遞一個包含分頁信息的配置對象。這里我們設置總頁數為10,當前頁碼為1,上一頁樣式為“prev”,下一頁樣式為“next”,當前頁碼樣式為“active”,上一頁和下一頁文字分別為“上一頁”和“下一頁”,省略號文字為“...”,當點擊頁碼時觸發的回調函數可以用來實現跳轉到對應的分頁。
通過以上代碼,我們可以方便地使用jquery.page插件實現分頁功能,為網站增添更多的交互性和便利性。