需要有关 Bootpag 分页插件的建议答案

【问题标题】：Need advice with Bootpag pagination plugin需要有关 Bootpag 分页插件的建议
【发布时间】：2016-08-05 14:05:04
【问题描述】：

我目前正在尝试实现一个 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();
});

每个页面应该显示四个列表元素。遗憾的是，小提琴中没有显示分页，因此我无法通过元素对其进行分页。

非常感谢任何帮助。

【问题讨论】：

标签： jquery jquery-plugins pagination

【解决方案1】：

如果您在共享的同一个小提琴上打开调试器，您就会知道原因。这是错误-

拒绝执行来自 'https://raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js' 的脚本，因为它的 MIME 类型 ('text/plain') 不可执行，并且启用了严格的 MIME 类型检查。

对此唯一好的解决方案，尝试在您自己的服务器或任何其他流行的 cdn 上上传 jquery.bootpag.min.js，然后将其包含在您的 html 文件中。

【讨论】：