多個甜蜜警報始終執行第一個確認回調

Question

當我在同一頁面中使用多個甜蜜警報時，它總是調用第一個回調。

我解釋一下：

我有一個按鈕發送成爲好友請求「掛起/取消」按鈕，單擊

{{#if addFriend}} 
    <li>{{> addFriendBtn user=usr}}</li> 
{{/if}} 
{{#if pending}} 
    <li>{{> pendingFriendBtn user=usr}}</li> 
{{/if}} 

後每個BTN具有click事件調用甜警報：

Template.addFriendBtn.events({ 
'click .add-friend': function (evt,tpl) { 
     console.log('inside click .add-friend...'); 
     const options = { 
      title: "Friend request", 
      showCancelButton: true, 
      confirmButtonText: "Oui", 
      closeOnConfirm: true, 
      closeOnCancel:true, 
      allowOutsideClick: false, 
      allowEscapeKey:true 
     }; 

     swal(options, function() { 
      console.log("Inside add-friend confirmation swal..."); 
      Meteor.call('sendFriendRequest', tpl.data.user); 
     }); 
    } 
}); 

Template.pendingFriendBtn.events({ 
    'click .cancel-request': function (evt, tpl) { 
     console.log('inside click .cancel-request'); 
     const options = { 
        title: "Confirmation", 
        showCancelButton: true, 
        closeOnConfirm: true, 
        closeOnCancel:true, 
        allowOutsideClick: false, 
        allowEscapeKey:true 
       }; 

     swal(options, function(){ 
      console.log("inside cancel-request confirmation swal..."); 
      Meteor.call('cancelFriendRequest', tpl.data.user); 
     }); 

    } 
}); 

Meteor.methods({ 
    sendFriendRequest: function (recipient) { 
    console.log('Inside sendFriendRequest...'); 
    ... 
    }, 

    cancelFriendRequest: function (recipient) { 
    console.log('Inside cancelFriendRequest ...'); 
    .... 
    } 
}); 

當我第一次點擊「添加朋友」按鈕時，它工作正常。我收到了甜蜜的警報，確認後，我的回調正確完成，並且按鈕變爲「待處理/取消」按鈕。

當我點擊這個「待定/取消」按鈕取消我的好友請求時，我得到正確的甜蜜警報，但是當我確認時，它會爲第一個按鈕「添加好友」執行回調「sendFriendRequest」 。

我不明白爲什麼它的行爲是這樣的...對這個問題有什麼想法？提前致謝。

UPDATE：添加日誌後

首先點擊：添加好友：

客戶端日誌：

內點擊。新增-朋友......

裏面添加 - 朋友確認swal ...

服務器日誌：

裏面sendFriendRequest ...

第二點擊：取消待處理的請求：

客戶端日誌

點擊.cancel請求裏面

裏面加友好確認swal ...

服務器日誌：在您的SwaI位配置錯誤：

裏面sendFriendRequest ...

Answer 1

只需設置closeOnConfirm。