0

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

以下图像是 Cycle2 插件中的循环标题元素，以及每张幻灯片中的动态内容（数据循环标题）。

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

在此处输入图像描述在此处输入图像描述

所以，我使用的代码如下：

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

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

拜托，我真的需要这个工作！:)

4

1 回答 1

0

我设法让它使用一些肮脏的解决方法。在这里发布，以便如果有人遇到同样的问题可以让它工作！

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

是setTimeout关键！

希望能帮助到你 ：）

于 2012-12-13T16:10:08.847 回答