2012-12-11 29 views
0

我想使用插件Cycle2的jScrollPane,但它不按預期工作。Cycle2與jScrollPane的標題

以下圖像是Cycle2插件中的cycle-caption元素,以及來自每張幻燈片(data-cycle-title)的動態內容。

所以,我想使用jScrollPane添加一個滾動條。的OnLoad,它工作正常,但只要它循環,滾動面板獲得很多,當回來的第一張幻燈片,它顯示作爲第二圖像:

enter image description hereenter image description here

所以,我的代碼「M使用如下:

$(window).bind('load',function(){ 
    $('#text').jScrollPane(
     { 
      verticalDragMaxHeight:20, 
      verticalDragMinHeight:20, 
      animateScroll:true 
     } 
    ); 
    var api = $('#text').data('jsp'); 
    $('#slideshow').on('cycle-after',function(e, opts){ 
     api.reinitialise(); 
    }); 
}); 

幻燈片的我認爲這是不相關的,因爲它是一個說明模板的基本結構的結構等

請,我真的需要這工作! :)

回答

0

我設法讓它與一個有點骯髒的解決方法工作。在這裏發帖,這樣如果有人遇到同樣的問題可以讓它工作!

$('#slideshow').on('cycle-after',function(e, opts) 
    { 
     setTimeout(enable_scroll,5); 
    } 
); 
function enable_scroll(){ $('#text').jScrollPane(settings); } 

setTimeout是關鍵!

希望它有幫助:)