jquery "when + Then"が期待どおりに動作しない

Question

jqueryを使用しているときに「when、then」を実行していくつかの操作を行います。 doAddProcedure関数を使用して計算を実行しています。 doAddProcedure関数でコードを実行した後のような結果が期待されている場合、コントロールはAddProceduresに戻り、Doneセクションのコードに戻ります。しかし、期待どおりに機能しませんでした。また、私はdoAddProcedureセクションのコードの実行時に表示するローダーを表示しています。ローダーは、doAddProcedureでコードを実行するのにかかる時間に表示されませんでした。私の英語のためissue.Sorryを修正するために私を助けてくださいことは

これはあなたがwhenthenに約束を延期渡したりしていない時にすぐに実行されるため

var tot_codes = 0; 
    function doAddProcedure(thisval) 
    { 

     top.ShowAjaxLoader('Loading..');  
     var countval = $("#last_id").val(); 


      //My code block.... 
     return true; 
    } 
    /** 
    * Function to add procedures 
    * @returns {undefined} 
    */ 
    function AddProcedures(thisval) 
    { 
     $.when(doAddProcedure(thisval)).then(function(){   
      if (tot_codes > 0) { 
       //setTimeout(function(){ 

       top.notification('successfully added the codes.');    
       //top.window.parent.document.getElementById('circularG').hide(); 
       window.parent.phFrntpayClosePopup();   
       //top.window.parent.document.getElementById("loaderHtml").style.display = "none";   
       //}, 3000); 

     } else {   
      top.notification('Please select atleast one code.');  
     }   
     }); 
    } 

AddProcedures(thisval); // Calling main Function 

Answer 1

これは私のコードです。それはtrueを待ちif条件のいくつかの並べ替えであるかのようにあなたがwhen()を扱っているあなたのケースではWhen..Then

のためのjQueryのドキュメントを見て...私は、あなたがPromiseについての詳細を読むことをお勧めDeferred、その後、戻ってきますwhen..thenロジックを使用するか、Promiseを使用してください。

あなたは可能性があり、以下のようなコースを使用するコールバック関数の：

doAddProcedure(thisVal,callbackFunc){ 
// do stuff 
callbackFunc(); 
// If you wish to wait a moment (say 3 seconds here) before the callbackFunc() is called, and it is purely cosmetic, then comment the above and uncomment the below ! 
//setTimeout(callbackFunc, 3000); 
} 

myFunction = function(){   
      if (tot_codes > 0) { 
       //setTimeout(function(){ 

       top.notification('successfully added the codes.');    
       //top.window.parent.document.getElementById('circularG').hide(); 
       window.parent.phFrntpayClosePopup();   
       //top.window.parent.document.getElementById("loaderHtml").style.display = "none";   
       //}, 3000); 

     } else {   
      top.notification('Please select atleast one code.');  
     }   
     }; 

function AddProcedures(thisval) 
    { 
     doAddProcedure(thisval, myFunction); 
    }