需要有关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文件中。