Question

我正在使用JQuery插件jScrollPane

我正在按照以下方式进行初始化。它最初有效但是当我尝试更改设置并重新初始化时它无法正常工作它有点闪烁然后返回到之前的状态，任何想法？

$(document).ready(function() {
     var api = $('.viewer').jScrollPane().data('jsp');
     api.reinitialise({
         showArrows: true
     }); 
});

这是我的测试示例

http://www.jsfiddle.net/VxYdJ/

由于

Answer 1

我对jsp的重新初始化有同样的问题。我可以通过这种解决方法解决它。

摧毁......

$("#some > img").click(function() {
    var container = $('.scroll-pane-arrows');
    var api = container.data('jsp');
        api.destroy();

   … calculate width or similar

......稍后再建立：

$('.scroll-pane-arrows').jScrollPane({
    showArrows: true,
    arrowScrollOnHover: true,
    arrowButtonSpeed: 5,
    autoReinitialise: true
});

Answer 2

看起来这是带有jScrollPane的known issue。您可以像上面的链接中的一位评论者所描述的那样修改源代码：

reinitialise: function(s)
{
    s = $.extend({}, settings, s);
    initialise(s);
},

这似乎解决了这个问题：http://www.jsfiddle.net/pNvky/（前面的代码只是修改过的插件）

JQuery jScrollPane重新初始化

2 个答案: