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