UIkit.pagination이 함수가 아닙니다.

UIkit Pagination을 사용하고 있는데 작동하지 않았습니다. UIkit Modal, uploadDrop, uploadSelect 등을 사용하면서 환경에 UIkit이 설치되어 있다는 사실을 알고 있습니다. 이러한 UI는 완벽하게 실행됩니다. 여기 UIkit.pagination이 함수가 아닙니다.

는 페이지 매김 버튼 내 HTML입니다 :

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

이것은 자바 스크립트입니다 : 나는 현재 https://getuikit.com/v2/docs/pagination-js.html에서이 동적 uikit 페이지 매김의 설명서를 읽어 봤는데하지만 나는

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

여전히 성공적으로 실행할 수 없습니다.

출처

2017-02-15 Joshua Fabillar

jQuery와 페이지 매김 컴포넌트가 포함되어 있는지 확인하십시오. – azs06

유일한 것은 내 페이지에 이미 포함되어있는 uikit css와 uikit.min.js입니다. –

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> 
 
\t <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> \t 
 
<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> \t 
 
</body> 
 
</html>

희망.

출처

2017-02-16 09:35:54 azs06

UIkit.pagination이 함수가 아닙니다.

답변

관련 문제