动态分页

使用分页组件创建基于 JavaScript 的分页。

动态分页组件将根据给定的选项自动计算页数。这对于例如 Ajax 驱动的列表视图很有用，您需要在其中触发事件以动态加载新项目。

用法

要应用此组件，只需将 data-uk-pagination 属性添加到带有 .uk-pagination 类的 <ul> 元素。

<ul class="uk-pagination" data-uk-pagination="{items:100, itemsOnPage:10}"></ul>

选项	可能的值	默认值	描述
`items`	整数	1	用于计算页数的项目总数。
`itemsOnPage`	整数	1	每页显示的项数。
`pages`	整数	0	如果指定，items 和 itemsOnPage 将不用于计算页数
`displayedPages`	整数	3	导航时应可见多少页码。
`edges`	整数	3	在分页的开始/结束处可见多少页码。
`currentPage`	整数	0	初始化后将立即选择哪个页面。

名称	参数	描述
`select.uk.pagination`	事件, pageIndex, 分页对象	点击页面时

每次单击页面时，分页组件都会触发 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 */ });