我正在尝试将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();
});
});
幻灯片的结构我认为它不相关,因为它是带有标题模板的基本结构等。
拜托,我真的需要这个工作! :)
答案 0 :(得分:0)
我设法让它与一些肮脏的解决方法一起工作。在此发布,以便如果有人遇到同样的问题可以让它正常工作!
$('#slideshow').on('cycle-after',function(e, opts)
{
setTimeout(enable_scroll,5);
}
);
function enable_scroll(){ $('#text').jScrollPane(settings); }
setTimeout
是关键!
希望有所帮助:)