使用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' 
    }); 
}