0

我正在使用 UIkit Pagination，但它不起作用。我知道我在我的环境中安装了 UIkit，因为我正在使用 UIkit Modal、uploadDrop、uploadSelect 等，并且这些都运行良好。

这是我的分页按钮 HTML：

<ul id = "PaginateDsData" class="uk-pagination"></ul>

这是Javascript：

var pagination = UIkit.pagination($('#PaginateDsData'), {
                    items:100,
                    itemsOnPage:10,
                    displayedPages:10
                /* options */ });

我一直在阅读此动态 uikit 分页的文档，目前位于https://getuikit.com/v2/docs/pagination-js.html，但我仍然无法成功运行它。

4

1 回答 1

1

根据 UIkit 的文档，它需要 jQuery。https://getuikit.com/v2/docs/documentation_get-started.html#html-page-markup 核心 UIkit 也没有动态分页组件。https://getuikit.com/v2/docs/pagination.html#javascript

这是一个动态分页的工作示例。

var element = document.querySelector('.uk-pagination');
var pagination = UIkit.pagination(element, {
                  items:100,
                  itemsOnPage:10,
                  displayedPages:10
     });
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/css/uikit.css">
</head>
<body>
<ul class="uk-pagination"></ul>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>	
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/uikit.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/components/pagination.js"></script>	
</body>
</html>

希望这可以帮助。

于 2017-02-16T09:35:54.450 回答