多個jQuery腳本問題

Question

你可以幫我解決我的演示站點上的jQuery問題。我有兩個jQuery腳本運行。一個用於在同一頁面上使用兩個腳本左右移動的循環內容和一個用於多個垂直滾動內容（使用jscrollpane）的循環內容。

當一個項目滑動打開時，文本可以上下滾動。當我滑動到下一個內容（使用左右箭頭），但未關閉內容並返回到上一頁時，垂直滾動條被鎖定。需要刷新頁面來重置垂直滾動功能。

第一次關閉內容時，此問題未顯示出來。你能幫我指出這個問題嗎？我曾嘗試過關於http://jscrollpane.kelvinluck.com/上列出的任何內容。

感謝， 馬亭

Answer 1

出現這種情況的原因是因爲你使用的是旋轉木馬腳本複製元素，然後將其添加到傳送帶的盡頭。由於您只在初始頁面加載中調用$('.scroll-pane').jScrollPane();，因此動態創建的此類的項目將不會使用jQuery滾動窗格插件進行初始化。

到目前爲止，我發現的唯一方法就是直接修改傳送帶腳本，並在每次創建新對象時重新初始化窗格。

我添加了一個jsFiddle here它顯示了一個工作示例。有一點需要注意的是，由於窗格被銷燬並重建，所以當元素被重新創建時，滾動位置總是移回頂端。