使用jScrollPane循环2标题

时间:2012-12-11 12:43:51

标签: jquery-jscrollpane jquery-cycle2

我正在尝试将jScrollPane与插件Cycle2一起使用,但它没有按预期工作。

以下图片是Cycle2插件中的循环标题元素,其中包含每张幻灯片的动态内容(数据循环标题)。

所以,我正在尝试使用jScrollPane添加滚动条。 OnLoad,它按预期工作,但一旦循环,滚动窗格就会很多,当回到第一张幻灯片时,它会显示在第二张图片上:

enter image description here enter image description here

所以,我正在使用的代码如下:

$(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();
    });
});

幻灯片的结构我认为它不相关,因为它是带有标题模板的基本结构等。

拜托,我真的需要这个工作! :)

1 个答案:

答案 0 :(得分:0)

我设法让它与一些肮脏的解决方法一起工作。在此发布,以便如果有人遇到同样的问题可以让它正常工作!

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

setTimeout是关键!

希望有所帮助:)