button - SweetAlert2 - 绑定(bind)另一个事件以取消按钮？

Question

我正在使用最新版本的真棒SweetAlert2 jQuery插件。

我有一个带有 2 个按钮的简单 SweetAlert。 1个按钮是确认按钮，另一个是取消按钮。我正在使用 html 选项向警报添加文本输入。当用户按下确认按钮时，将执行 AJAX 调用并关闭警报。

现在我想使用取消按钮来执行一些其他代码，而不是关闭警报的默认操作。 (用户可以使用 showCloseButton: true 关闭警报)。

所以简而言之:如何移除关闭处理程序并在 swal 的取消按钮中添加自己的自定义处理程序？

Answer 1

只需添加您的自定义函数来捕获拒绝，例如:

swal({
   title: 'Some title',
   text: 'some text for the popup',
   type: 'warning',
   showCancelButton: true,
   cancelButtonText: 'Some text for cancel button'
}).then(function(){
   // function when confirm button clicked
}, function(dismiss){
   if(dismiss == 'cancel'){
       // function when cancel button is clicked
   }
});

您甚至可以添加更多函数来捕获另一个关闭事件，只需阅读 SweetAlert2 Docs有关解雇事件的更多信息。