我使用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);
});
答案 0 :(得分:0)
难以置信我只需要这样做:
变化: $( '#进口-USB-结果')的html(含量+信息[0]);
为:
$( '#进口-USB-结果')附加(信息[0]);