Question

UIkit前端框架，分页的一点小问题

碰见UIkit很喜欢，便应用到了项目中，然后在用它的分页的时候遇见个小问题如图

按照官方的说法，可以在点击的时候发生事件，然是我源码套用却无效也不报错，希望对框架熟悉的给点建议或者做个demo，谢谢了。

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励30（财富值+成长值）

Answer 1

你好，我也遇到了这问题，不过经过排查解决了。使用分页需要注意以下地方是否遗漏。

1. 需要加载以下必选项（CSS、JS），注意Jquery要在其他JS之前
   

<link rel="stylesheet" href="/content/uikit/css/uikit.min.css">
<link rel="stylesheet" href="/content/uikit/css/uikit.gradient.min.css">
<script src="/content/scripts/jquery-2.1.4.min.js"></script>
<script src="/content/uikit/js/uikit.min.js"></script>

 2. 需要分页的页面需要引入分页JS

<script src="/content/uikit/js/components/pagination.js"></script>

3.分页地方加入以下代码

<ul class="uk-pagination" data-uk-pagination="{items:1000, itemsOnPage:10, currentPage:50}">

4.可以加入测试的JS

<script>

$('[data-uk-pagination]').on('select.uk.pagination', function(e, pageIndex){
    console.log('You have selected page: ' + (pageIndex+1));
});

</script>

以上是我实际测试可用的