0

我用Pajinate插件:https://github.com/wesnolte/PajinatejQuery的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”,这是正确的。

任何建议的地方将不胜感激。

+0

我忘了添加该页面:http://www.heartofbusiness.com/alumni-community-list/ – 2012-03-02 06:39:47

回答

0

您是否尝试过在声明开始页面,看它是否有什么差别/

从文档:

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 
}); 
+0

没有变化。我曾尝试将其更改为从第2页开始,而nav_panel中突出显示的页面更改为3时,所有57 div仍显示出来。 – 2012-03-02 06:39:24

+0

这个调用是在加载在页面底部的scripts.js文件的末尾进行的。 – 2012-03-02 06:41:55

0

设置样式属性值“display:none;”用于所有分页项目(不包括页面0的项目)。它会强制浏览器在加载JavaScript时隐藏它们。

1

这是解决方案。刚刚删除了一些代码,最后它看起来像:

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

我个人使用这种分页,它适用于我。

+1

这应该是.pajinate(),而不是.paginate()。否则工作。 – 2013-05-02 18:14:31