Verwendung der Seitennummerierung im Bootstrap

Ich verwende den folgenden Code für die Paginierung, die ich von diesem Link erhalten habe. http://botmonster.com/jquery-bootpag/#.V5qvJ-0sjVM aber es funktioniert nicht für mich.Verwendung der Seitennummerierung im Bootstrap

<html> 
<head> 
    <script src="//code.jquery.com/jquery-2.1.3.min.js"></script> 
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
</head> 
<body> 
    <div id="content">Dynamic Content goes here</div> 
    <div id="page-selection">Pagination goes here</div> 
    <script> 
     // init bootpag 
     $('#page-selection').bootpag({ 
      total: 10 
     }).on("page", function(event, /* page number here */ num){ 
      $("#content").html("Insert content"); // some ajax content loading... 
     }); 
    </script> 
</body> 
</html>

Ich bin neu in jquery. Bitte überprüfe das einmal und lass mich den Fehler wissen, den ich mache.

danke.

Quelle

2016-07-29 Deepesh Uniyal

Welche Fehlermeldung erhalten Sie? Leute können dir nicht wirklich helfen, wenn wir nicht wissen, was passiert – CynePhoba12

Es zeigt nur 2 Zeilen im Browser. \ N "Dynamischer Inhalt geht hier Paginierung geht hier" \ n. –

Fehler ist: - TypeError: $ (...) .bootpag ist keine Funktion –

Das Problem ist, dass Sie nicht direkt die jquery-bootpag JS-Datei von Github verknüpfen können. Entweder es lokal zu Ihrer Umgebung laden oder den Link zu etwas ändern wie:

//rawgit.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js, so dass Ihre Importe wie folgt aussehen:

<script src="//code.jquery.com/jquery-2.1.3.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
<script src="//rawgit.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js" type="text/javascript"></script> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

Quelle

2016-07-30 02:00:23 CynePhoba12

Genau das Problem! Laden Sie 'jquery.bootpag.min.js' lokal herunter, indem Sie einfach die Vergangenheit kopieren und lokal speichern. –

Verwendung der Seitennummerierung im Bootstrap

Antwort

Verwandte Themen