使用jQuery推遲承諾

Question

所以我對這些承諾很新。我很難在他們周圍纏着我的頭。我看了很多內容和SO帖子，但沒有遇到類似我的情況。 這是我目前的代碼。

$("#PayNow, input[name^='schedulepmt']").on("blur", function(){ 
var diff = 0; 
diff = calcBalanceDue(); 
if(diff){ 
    $.when(confirmNewPayment(diff)).then(function(){ 
     if($(this).attr("id") === "PayNow" && input[name^='schedulepmt'].length && ($(this).val() !== $(this).data("prevValue"))){ 
      if(!resetPmtInfo()) { 
       $(this).val($(this).data("prevValue")); 
      } 
     } 
    }); 
    } 
}); 

我想.then()裏面的代碼confirmNewPayment()已執行後執行。它似乎仍然在運行異步。

謝謝。

這裏是confirmNewPayment()

function confirmNewPayment(diff){ 
bootbox.dialog({ 
    message: "There is an outstanding balance. How would you like to proceed?", 
    title: "Outstanding Balance Options", 
    closeButton: false, 
    buttons: { 
     addpmt: { 
      label: "Add a scheduled CC payment", 
      className: "btn-success", 
      callback: function() { 
       scheduledPmtData.PaymentCount += 1; 
       $("#ScheduledPayments").append($("#ScheduledPmtTemplate").render(scheduledPmtData,{amount:diff})); 
      } 
     }, 
     collect: { 
      label: "Mark balance as \"To Collect\"", 
      className: "btn-primary", 
      callback: function() { 
       $("#BalanceDueRow").removeClass("hide"); 
       $("#BalanceDue").val(diff); 
      } 
     } 
    } 
    }); 
} 

Answer 1

你confirmNewPayment函數返回一個承諾：

function confirmNewPayment(diff){ 
    var deferred = $.Deferred(); 

    // Your async action here 
    (function() { 
     // $when will run your function when the deferred object is resolved 
     deferred.resolve(diff * 2); 
    })(); 

    return deferred.promise(); 
} 

---

對於更新：

一切會更容易些，如果bootbox返航一個承諾通過設計。因此，在這種情況下，你可以做

function confirmNewPayment(diff){ 
    var deferred = $.Deferred(); 

    bootbox.dialog({ 
     message: "There is an outstanding balance. How would you like to proceed?", 
     title: "Outstanding Balance Options", 
     closeButton: false, 
     buttons: { 
      addpmt: { 
       label: "Add a scheduled CC payment", 
       className: "btn-success", 
       callback: function() { 
        scheduledPmtData.PaymentCount += 1; 
        $("#ScheduledPayments").append($("#ScheduledPmtTemplate").render(scheduledPmtData,{amount:diff})); 

        deferred.resolve('schedule'); 
       } 
      }, 
      collect: { 
       label: "Mark balance as \"To Collect\"", 
       className: "btn-primary", 
       callback: function() { 
        $("#BalanceDueRow").removeClass("hide"); 
        $("#BalanceDue").val(diff); 

        deferred.resolve('mark'); 
       } 
      } 
     } 
    }); 

    return deferred.promise(); 
} 

...

$("#PayNow, input[name^='schedulepmt']").on("blur", function(){ 
    .... 
    confirmNewPayment(diff).then(function(selection) { 
     // selection is 'schedule' or 'mark' 
    }); 
}