2014-01-19 55 views
0

我使用jquery.uploadfile.min.js上傳多個文件新JScrollPane的申報單時,在現有的div沒有工作,任何時候,我上傳文件的創建JScrollPane類的的一個div。問題是,只有在最後創建的DIV的滾動條移動,在滾動之前創建的其他人都像死了。當我在控制檯中打印一行以檢查'jsp-scroll-y'函數是否正常工作我在「舊」div中沒有​​得到任何反應...jQuery的JScrollPane中 - 滾動條創建

這是我的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

不可思議我只需要做到這一點:

變化: $( '#進口-USB-結果')HTML(內容+信息[0]);

到:

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