jscrollpane在多次加载新内容后停止重新初始化

Question

我对jscrollpane有一个奇怪的问题。我正在使用滚动条和鼠标滚轮功能对水平图库进行编码。图像通过jquery的load（）函数加载。但是如果我多次加载新内容，jscrollpane将停止重新初始化并且不显示滚动条。

这是我的代码：

$(window).load( function() {
var element = $('.scroll-pane').jScrollPane(
                    {
                        maintainPosition: true, 
                        autoReinitialise: false,
                        animateScroll: true
                    });
var api = element.data('jsp');
    element.bind(
    'mousewheel',
    function (event, delta, deltaX, deltaY)
    {
    api.scrollByX(delta * 360);
    return false;
    }
    ).bind(
        'mouseup',
        function() {
            var pos = api.getContentPositionX();
            var width = api.getContentWidth();
            var foo = pos/200.0;
            var jda = Math.floor(foo);
            var bar = foo-jda;
            var newpos;
            if(bar < 0.5){
                newpos = jda * 200;
            }
            else {
                newpos = (jda+1)*200;
            }
            api.scrollTo(newpos);
    });
$('.loadit').bind(
'click', 
function () {
    var load_content = $(this).attr('link');
    api.getContentPane().empty();
    api.getContentPane().load(
        load_content,
        function() 
        {           
            api.reinitialise();
        });
    return false;
});

我做错了吗？