jQuery Pajinate - 一切都在页面加载时显示

Question

我正在使用 Pajinate 插件：https://github.com/wesnolte/Pajinate

当我第一次加载页面时，所有要分页的 div 都会显示。如果我单击第二页，我只会看到 2 个 div（我将每页使用 20 个，但减少到 2 个用于测试）。如果我然后单击返回第一页，我只会看到 2。我无法弄清楚为什么前 2 之后的 div 没有被隐藏。

我最初的电话是：

$('#paging_container').pajinate({
    items_per_page : 2,
    num_page_links_to_display : 6,
    abort_on_small_lists: true,
    item_container_id : '.paging_content',
    nav_panel_id : '.page_navigation'
});

页面链接被限制为 6 个，信息文本显示“显示 57 个结果中的 1-2 个”，这是正确的。

任何关于在哪里寻找的建议将不胜感激。

Answer 1

这里是解决方案。只是剪掉了一些代码，最后看起来像：

$('#paging_container').paginate({
  items_per_page : 2,
  num_page_links_to_display : 6,
  abort_on_small_lists: true
});

我个人使用这个分页，它对我有用。

Answer 2

您是否尝试过声明起始页以查看是否有任何不同/

来自文档：

start_page : The page number you'd like to display first [default = 0]

尝试设置它：

$('#paging_container').pajinate({
  items_per_page : 2,
  num_page_links_to_display : 6,
  abort_on_small_lists: true,
  item_container_id : '.paging_content',
  nav_panel_id : '.page_navigation',
  start_page: 0 //here's our addition
});

Answer 3

将所有分页项（不包括第 0 页的项）的样式属性设置为值“display:none;”。它会在加载 JavaScript 时强制浏览器隐藏它们。