ブートストラップのページネーションの使い方

私はこのリンクから得たページネーションのために以下のコードを使用しています。 http://botmonster.com/jquery-bootpag/#.V5qvJ-0sjVM しかし、それは私のために働いていません。ブートストラップのページネーションの使い方

<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>

私はjqueryで新しくなっています。これを一度チェックして、やっている間違いを教えてください。

ありがとうございました。

出典

2016-07-29 Deepesh Uniyal

あなたはどのようなエラーを受けていますか？私たちが何が起こっているのかわからないと、人々は本当にあなたを助けることができません。 – CynePhoba12

ブラウザーでは2行しか表示されません。\ n "動的コンテンツはここにありますページネーションはここにあります。 –

エラー： - TypeError：$（...）。bootpagが関数ではありません –

問題は、jquery-bootpag JSファイルをgithubから直接リンクできないことです。ご使用の環境にローカルにアップロード、またはのようなものへのリンクを変更するか：

//rawgit.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js、あなたの輸入は次のようになりよう：

<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">

出典

2016-07-30 02:00:23 CynePhoba12

問題があります。 'jquery.bootpag.min.js'を単にローカルにコピーしてローカルにダウンロードするだけで、ローカルでダウンロードしてください。 –

ブートストラップのページネーションの使い方

答えて

関連する問題