<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                # 動態分頁 利用[分頁組件](pagination.html),創建基于JavaScript的動態分頁。 分頁組件將根據給定的選項自動計算頁面。這非常有用,例如在Ajax支持的列表視圖中,你必須觸發一個事件來動態地加載新的條目時。 * * * ## 用法 要使用這個組件,只需要添加 `data-uk-pagination` 到一個帶有 `.uk-pagination` 類名的 `&lt;ul&gt;` 元素中。注意 使用此組件需要額外添加 `pagination.js` 文件,在`js/components`文件夾中。 ### Example ![](https://box.kancloud.cn/2016-05-12_57346f3ba4279.jpg) ### 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 */ }); ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看