# 動態分頁 利用[分頁組件](pagination.html)，創建基于JavaScript的動態分頁。 分頁組件將根據給定的選項自動計算頁面。這非常有用，例如在Ajax支持的列表視圖中，你必須觸發一個事件來動態地加載新的條目時。 * * * ## 用法 要使用這個組件，只需要添加 `data-uk-pagination` 到一個帶有 `.uk-pagination` 類名的 `&lt;ul&gt;` 元素中。注意 使用此組件需要額外添加 `pagination.js` 文件，在`js/components`文件夾中。 ### Example  ### Markup ``` <ul class="uk-pagination" data-uk-pagination="{items:100, itemsOnPage:10}"></ul> ``` * * * ## JavaScript 選項 | 選項 | 可用值 | 默認值 | 描述 | | --- | --- | --- | --- | | `items` | integer | 1 | 條目的總數，用于計算頁面。 | | `itemsOnPage` | integer | 1 | 每個頁面上顯示的條目數。 | | `pages` | integer | 0 | 如果被指定了值, **items** and **itemsOnPage** 將不會用于計算頁面數目。 | | `displayedPages` | integer | 3 | 導航時有多少頁碼是可見的。 | | `edges` | integer | 3 | 在分頁的首頁或末頁有多少頁面是可見的。 | | `currentPage` | integer | 1 | 初始化后，哪一頁應該被立即選中。 | ### 事件 | 名稱 | 參數 | 描述 | | --- | --- | --- | | `select.uk.pagination` | event, pageIndex, pagination object | 頁面點擊時 | 每當你點擊某個頁面時，分頁組件便會觸發 `uk-select-page`事件。 ``` $('[data-uk-pagination]').on('select.uk.pagination', function(e, pageIndex){ alert('You have selected page: ' + (pageIndex+1)); }); ``` ### 手動初始化 ``` var pagination = UIkit.pagination(element, { /* options */ }); ```