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类型检查。

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

需要使用Bootpag分页插件的建议

1 个答案: