javascript - Alertify JS 确认不适用于按钮链接

Question

我在使用 alertify JS confirm 时遇到了问题。当我单击该按钮时，不会出现 alertify 确认，但会立即重定向到该链接。以下脚本链接按钮和 alertify 确认脚本。

function CheckDelete(){
alertify.confirm("This is a confirm dialog.",
  function(){
    alertify.success('Ok');
  },
  function(){
    alertify.error('Cancel');
  });}

<a href="http://google.com"><button type="button" class="btn btn-danger" onClick="return CheckDelete();"><i class="fa fa-remove"></i> Delete</button></a>

签到:https://jsfiddle.net/r2fs0p45/

据推测，当我单击该按钮时，应该会出现确认对话框，然后转到该链接。但是根据我上面的代码，当我点击按钮时，它直接重定向到链接，所以不会出现确认对话框。有谁知道如何克服它？

Answer 1

CheckDelete() 需要返回 false 以防止默认操作

function CheckDelete(){
    alertify.confirm("This is a confirm dialog.",
        function(){
            alertify.success('Ok');
        },
        function(){
            alertify.error('Cancel');
    });
    return false;
}