0
jquery.uploadfile.min.js를 사용하여 여러 파일을 업로드하고 파일을 업로드 할 때 jscrollpane 클래스의 div를 만듭니다. 문제는 스크롤바가 움직이는 마지막 div에서만 나타나며 스크롤바가 죽기 전에 만들어진 다른 것들도 마찬가지입니다. 'jsp-scroll-y'함수가 작동하는지 확인하기 위해 콘솔에 줄을 인쇄 할 때 "이전"div에 아무런 반응이 없습니다 ...jquery jscrollpane - 새 jscrollpane div를 만들 때 기존 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);
});