2011-03-07 30 views
0

所以我一直在玩一個名爲Scrollable的JQuery插件。我對於起牀和去程是多麼容易印象深刻,但現在我已經遇到了一場表演賽,希望你們能夠提供幫助。JQuery Scrollable動態更新後鎖定

我的可滾動div包含一堆在特定類別中「顯示」的圖標。如果類別被更改,我使用JQuery清除「精選項目」div,計算項目數量並根據需要填寫。我清除了所有的東西,因爲在這種情況下,我不寫任何東西給div,我的頁面上的內容會調整。

我的問題是,其中一個清除了滾動停止工作。我已經試過在每次更新後撥打

$("#scroller").scrollable({ 
    circular: false 
}); 

但這似乎不能解決問題。我熟悉其他JQuery工具,使用重新加載內容的「refresh」類型命令。這個插件有類似的東西嗎?關於我應該做什麼的任何想法?

謝謝!

+0

您是否嘗試解除綁定可滾動對象並在執行DOM操作後重新綁定? – Incognito 2011-03-07 21:31:18

+0

我嘗試了在每個DOM操作開始時執行「$(」#scroller「)。unbind('scroll'); 」,然後是「$(」#scroller「)。scrollable ...」at每個的結束。這是你指的是什麼? – Staros 2011-03-07 21:39:59

回答

0

我最終重寫了頁面,決不刪除DOM中的可縮放div。因此,我結束了使用這個工作流程...

滾動到第一個項目。如果用戶在第5頁上,而他們選擇的內容只有3頁,則用戶如果不向後滾動,則會滯留在空白頁面上。
window.api.seekTo(0, 0);
清空「items」div。
$(".items").empty();
使用 「的addItem」 方法來添加我的物品回來。
window.api.addItem(htmlToAdd);

這似乎運行得更好。

0

Scrollable上有一個功能,Scrollable.addItem它應該允許你動態添加項目。