javascript - Alertify JS 确认无法使用按钮链接

标签 javascript jquery alert alertify alertifyjs

我在使用alertify JS 确认时遇到问题。 当我单击按钮时,警报确认不会出现,但会立即重定向到该链接。以下脚本链接按钮和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/

据说当我单击按钮时,应该会出现确认对话框,然后转到链接。但根据我上面的代码,当我单击按钮时,它直接重定向到链接,因此不会出现确认对话框。 有谁知道如何克服吗?

最佳答案

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

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

关于javascript - Alertify JS 确认无法使用按钮链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35423705/

相关文章:

javascript - jQuery 与 div 不工作

javascript - 为什么更改事件不会在 selector.val(1234) 上触发?

javascript - native Javascript 警报 - 样式覆盖删除新行功能

javascript - 从 alert() 中删除 "Javascript"

javascript - 获取网页的所有按钮并在Javascript中删除具有特定背景图像的按钮

javascript - 在括号中定义具有多个值的变量使用第二个值

javascript - 从返回 'Undefined' 的函数返回变量

javascript - 使用json将记录插入mysql

javascript - 如何使用 jquery 从 json 数组中分离值。?

javascript - 如何将 'Prevent this page from creating additional dialogs' 默认为 "OK"选项