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

时间:2014-01-19 12:26:02

标签: javascript jquery html jscrollpane

我使用jquery.uploadfile.min.js上传多个文件,每次上传文件时都会创建一个jscrollpane类div。问题只出现在滚动条移动的最后一个创建的div中,而滚动条就像死了一样。当我在控制台中打印一行以检查'jsp-scroll-y'功能是否正常工作时,我对“旧”div中没有​​任何反应......

这是我的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);
});

1 个答案:

答案 0 :(得分:0)

难以置信我只需要这样做:

变化: $( '#进口-USB-结果')的html(含量+信息[0]);

为:

$( '#进口-USB-结果')附加(信息[0]);