UIkit.pagination ist keine Funktion

Ich benutze UIkit Paginierung und es hat nicht funktioniert. Ich weiß, dass ich UIkit in meiner Umgebung installiert habe, da ich das UIkit Modal, uploadDrop, uploadSelect usw. benutze und diese laufen perfekt.UIkit.pagination ist keine Funktion

Hier ist mein HTML-Code für die Paginierung Tasten:

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

und das ist das Javascript:

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

Ich habe zur Zeit bei https://getuikit.com/v2/docs/pagination-js.html die Dokumentation dieser dynamischen UIKit Paginierung gelesen, aber ich bin immer noch nicht in der Lage, es erfolgreich auszuführen.

Quelle

2017-02-15 Joshua Fabillar

Stellen Sie sicher, dass Sie jQuery und die Paginierungskomponente eingeschlossen haben. – azs06

das einzige, was benötigt wird, ist die uikit css und uikit.min.js, die ich bereits in meine Seite aufgenommen habe. –

Laut UIkit-Dokumentation erfordert es jQuery. https://getuikit.com/v2/docs/documentation_get-started.html#html-page-markup Auch das Kern-UIkit enthält keine dynamische Paginierungskomponente. https://getuikit.com/v2/docs/pagination.html#javascript

Hier ist ein Arbeitsbeispiel der dynamischen Seitenumbruch.

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>

Hoffnung, das hilft.

Quelle

2017-02-16 09:35:54 azs06

UIkit.pagination ist keine Funktion

Antwort

Verwandte Themen