Javascript jquery jscrollpane-创建新的jscrollpane div时，滚动条在现有div中不起作用

我使用jquery.uploadfile.min.js上传多个文件，每次上传一个文件时，我都会创建一个jscrollpane类的div。问题只出现在上一个创建的div中，滚动条在移动，而在其他创建的div中，滚动条就像死了一样。当我在控制台中打印一行来检查“jsp-scroll-y”函数是否正常工作时，我在“old”分区中没有得到任何反应

这是我的javascript/jquery代码：

$(document).ready(function()
{   
var settings = {
    url: "/ievo/readimportedlogs",
    method: "POST",
    allowedTypes:"json",
    fileName: "myfile",
    multiple: true,
    reinitialise: function(s)
    {
        s = $.extend({}, this, s);
        initialise(s);
    },  
    onSuccess:function(files,data,xhr)
    {
        var info=[];
        info=data.split('*');
        $("#status").html("<font color='green'>Upload is success</font>");
        var content = $('#import-usb-result').html();
        if (content!="") content+="<br>";
        $('#import-usb-result').html(content+info[0]);
        $('#save_usb_import_canvas').css('display','block');            

           $(".scroll-pane").each(function() {
               $(this).jScrollPane({     
                   showArrows: false,
                    maintainPosition: true,
                    autoReinitialise:true
                });

            //I also tried with...
            /*
            var pane=$(this).jScrollPane();
            var api=pane.data("jsp");
            api.reinitialise();
            */

            //and also...

            /*var apis = $zz(".scroll-pane").map(function() {
                return $zz(this).data("jsp");
            }).get();*/

            // Call an API method for each element
            /*for (var i = 0, api; api = apis[i]; i++) {
                console.log('#1 scroll-pane N APIs', this,"number="+i);
                $zz("#logs-"+i).jScrollPane();
                api.reinitialise();
            }*/


        });     

    },
    onError: function(files,status,errMsg)
    {       
        $("#status").html("<font color='red'>Upload is Failed</font>");
        $('#save_usb_import_canvas').css('display','none');
    }
}


$("#multiplelogsuploader").uploadFile(settings);
});

$（文档）.ready（函数（）
{   
变量设置={
url:“/ievo/readimportedlogs”，
方法：“张贴”，
allowedTypes:“json”，
文件名：“myfile”，
多重：对，
重新初始化：函数
{
s=$.extend（{}，this，s）；
草签；
},  
onSuccess：函数（文件、数据、xhr）
{
var信息=[]；
info=data.split（'*'）；
$（“#status”）.html（“上传成功”）；
var content=$（“#导入usb结果”）.html（）；
如果（内容！=“”）内容+=“
”；
$（“#导入usb结果”）.html（内容+信息[0]）；
$（'save#u usb_import_canvas'）.css（'display'，'block'）；
$（“.scroll pane”）。每个（函数（）{
$（this）.jScrollPane（{
showrows：错，
立场:对,，
自动重新初始化：正确
});
//我也试过。。。
/*
var pane=$（this.jScrollPane（）；
var api=pane.data（“jsp”）；
api.reinitialise（）；
*/
//而且。。。
/*var api=$zz（“.scroll pane”）.map（函数（）{
返回$zz（this.data（“jsp”）；
}).get（）*/
//为每个元素调用一个API方法
/*for（var i=0，api；api=api[i]；i++）{
console.log（'#1滚动窗格N API'，此“number=“+i”）；
$zz（“#logs-”+i）.jScrollPane（）；
api.reinitialise（）；
}*/
});     
},
onError：函数（文件、状态、errMsg）
{       
$（“#状态”）.html（“上传失败”）；
$（'save#u usb_import_canvas'）.css（'display'，'none'）；
}
}
$（“#multiplelogsuploader”）.uploadFile（设置）；
});

难以置信，我只需要这样做：

更改： $（“#导入usb结果”）.html（内容+信息[0]）

致：

$（“#导入usb结果”）.append（信息[0]）