forループが終了するまでロードを表示する

Question

私はfilestackでワードカウンタファイルを実行していますが、これが終了するとワード数をカウントしながら非表示にしています。

だから私はHTMLでこの持っている：

<div id="loading" style="display:none;clear:both;"> 
<img src="loading.gif"> 
</div> 
<input id="ff" type="filepicker" data-fp-apikey="<myAPI>" data-fp-mimetypes="image/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" data-fp-container="modal" data-fp-multiple="true" data-fp-button-class="btn btn-primary l-align" data-fp-button-text="Upload" data-fp-services="SKYDRIVE,COMPUTER,URL,GOOGLE_DRIVE,GMAIL" data-fp-language="es"> 
<div id="result"></div> 

そしてJSに私はこれを持っている：私は「$（ "＃ロード"）を入れしようとしている

$("document").ready(function(){ 

$("#ff").change(function(){ 

    var out=''; 
    for(var i=0;i<event.fpfiles.length;i++){ 
     var n = i+1; 
     out+='<a target=_blank href=' + event.fpfiles[i].url + '>' + '<button type=button class=btn-sc2><i class=fa fa-file-text aria-hidden=true></i> ' + event.fpfiles[i].filename + '</button></a>';out+=' ' 

     if(event.fpfiles[i].mimetype=="image/jpeg"){ 

      $.post("filecount.php",{ 
       url: event.fpfiles[i].url 
      }).done(function(response){ 
       //functions to count words 
      });//post    

     } else if(event.fpfiles[i].mimetype=="application/msword"){ 

      var link = event.fpfiles[i].url; 
      var idfile = link.substr(link.lastIndexOf("/")+1); 
      var lcconvert = "https://process.filestackapi.com/output=format:txt/"+idfile; 

      $("#dkd").load(lcconvert, function(){ 
       $.post("filecount2.php",{ 
        url: $("#dkd").val() 
       }).done(function(response){ 
        //functions to count words 
       });//post     
      }); 
     } 
    };//for 
    $("#result").html(out); 
});//#ff 
}); 

を表示（） ; 'と '$（ "＃loading"）。hide（）;'ポスト機能のどの部分でも機能しません。ポスト機能が終了したときには表示されますが、表示されません。

私はいくつかの助けをしたいと思います。

Answer 1

ajaxStart/Stop関数は、Ajax呼び出しを行うたびに起動します。

jQuery 1.8以降、ドキュメントには.ajaxStart/Stopをドキュメントにのみ添付してください。

あなたの特定のケースで

var $loading = $('#loadingDiv').hide(); 
$(document) 
    .ajaxStart(function() { 
    $loading.show(); 
    }) 
    .ajaxStop(function() { 
    $loading.hide(); 
    }); 

：これは上記のスニペットを変換するでしょう

$loading.show(); 
$.post("filecount.php",{ 
    url: event.fpfiles[i].url 
}).success(function(response){ 
    //functions to count words 
    $loading.hide(); 
});//post 

は、右の呼び出しの前にそれを表示し、成功関数または誤差関数の中でそれを隠します。