My $（document）.ajaxComplete（）が機能しません。

Question

私は数日間jQueryをAJAXで使いこなしています。私はAJAXでいくつかのコンテンツをロードしようとしています - この部分はうまく動作し、その後は別のスクリプトを実行します。しかし、最初のスクリプトがロードされたコンテンツは、2番目のスクリプトが終了するまで表示されません。コードは次のようになります。

$.ajax({ 
      url : folder, 
      success: function (data) { 
       $(data).find("a").attr("href", function (i, val) { 
        if(val.match(/\.(jpe?g|png|gif)$/)) { 
         var $codeText = "<li class='ui-state-default'><a href='#' data-featherlight='" + folder + val + "'><img src='" + thumbFolder + val + "' data-src='"+ thumbFolder + val + "'/></a></li>"; 
         $("ul[id=sortable]").append($codeText); 
         $("li").featherlight(folder + val); 
        }; 
       }); 
      } 
     }) 

$(window).ajaxComplete(function(){ 
    console.log("Haba"); 
    var x = 0; 
    while(x < 50000) 
     { 
     console.log("Haba nr "+x); 
     x++; 
     } 

すべてのコンソールメッセージが表示された後、コード全体がトリガーされますが、画像がWebサイトに表示されます。誰もが写真を最初に表示するために何をすべきか提案はありますか？私もdone（）で試してみました。とajaxStop（）は効果がありません。

Answer 1

ピクチャがロードされた後に実行したいコードをajaxコールの成功関数に移動し、コードの後に​​ピクチャをロードするだけでは、どうしてですか？

$.ajax({ 
    url : folder, 
    success: function (data) { 
     //Code to load pictures 

     console.log("Haba"); 
     var x = 0; 
     while(x < 50000) { 
      console.log("Haba nr "+x); 
      x++; 
     } 
    }); 

私はそれが戻って応答を取得した後、AJAX呼び出しが完了したので、それはあなたがそれが望むように動作していない理由があると思います。その応答は、ajax呼び出しの成功関数でロジックの前に実行されるajax complete関数をトリガーします。また、書かれた方法では、ajax呼び出しが失敗しても、ajax完全ロジックが起動します。私はあなたが望むとは思わない。

Answer 2

あなたはasynchrone結果を得るために、AJAXのの.done（）関数を使用する必要が

：

var jqxhr = $.ajax("example.php") 
 
    .done(function(data) { 
 
    alert("success : " + data ); 
 
    }) 
 
    .fail(function() { 
 
    alert("error"); 
 
    }) 
 
    .always(function() { 
 
    alert("complete"); 
 
    });

Answer 3

は（のsetTimeoutを使用しようとする）

function ajaxDone(){ 
    console.log("Haba"); 
    var x = 0; 
    while(x < 50000) 
    { 
     console.log("Haba nr "+x); 
     x++; 
    } 
} 
$(window).ajaxComplete(function(){ 
    window.setTimeout(ajaxDone,1); 
});