Bootpagページングプラグインのアドバイスが必要

Question

現在、私はbootpagページングプラグインを実装しようとしています。元のプラグインはBotmonster's websiteにあります。 私の問題は、このプラグインが、jsfiddleで作成しようとしているような、順序付けられていないリストを介してページすることです。 my attemptを参照してください。

サンプル：

$('.test-pagination li').slice(4).hide(); 

$('.pagination-bootpag').bootpag({ 
    total: Math.ceil($('.news-pagination li').length/4), // total pages 
    page: 1, // default page 
    maxVisible: 3, // visible pagination 
    leaps: true, // next/prev leaps through maxVisible 
    first: 'First page', 
    last: 'Last page' 
}).on("page", function() { 
     $('.test-pagination li').hide(); 
     $('.test-pagination li').slice((page - 1) * 4, (page * 4)).show(); 
}); 

つのリスト要素をページごとに表示されるようになっています。悲しいことに、ページネーションはフィドルには表示されていないので、要素を介してページングすることはできません。

ご協力いただきまして誠にありがとうございます。

Answer 1

あなたが共有した同じフィドルでデバッガを開くと、理由を知ることができます。 ここにエラーがあります -

'https://raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js'のMIMEタイプ（ 'text/plain'）が実行可能でなく、厳密なMIMEタイプチェックが有効であるため、スクリプトの実行を拒否しました。

これは唯一の良い解決策です。jquery.bootpag.min.jsを自分のサーバーまたは他の一般的なcdnにアップロードして、それをあなたのhtmlファイルに入れてみてください。