JQuery jScrollPane 重新初始化

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 的已知问题。您可以按照一位评论者在上面的链接中描述的方式修改源代码：

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

这似乎可以解决问题： http:// www.jsfiddle.net/pNvky/ （前面的大量代码只是修改后的插件）