Question

我是 alertify.js 的新手。我想要做的是，当用户点击链接时，浏览器应显示确认框。如果用户点击，则转到下一页。如果用户单击取消，则保持在同一页面上。是否可以使用 alertify.js ？

执行此操作

这是我的HTML代码。

<a href="index.php" class="alert">Logout</a>

这是我的JavaScript代码。

$(".alert").on('click', function(){
    alertify.confirm("Are you sure?", function (e) {
        if (e) {
            return true;
        } else {
            return false;
        }
    });
});

但问题是每当我点击链接时，我会在点击确认之前进入index.php页面。

Answer 1

问题是不可能让代码等待。因此，您需要做的是取消原始点击，然后调用代码导航到新页面。

$(".alert").on('click', function(e){
    e.preventDefault();
    var href = this.href;
    alertify.confirm("Are you sure?", function (e) {
        if (e) {
            window.location.href = href;
        }
    });
});

Answer 2

$(".alert").on('click', function(){
    e.preventDefault();
    alertify.confirm("Are you sure?", function (e) {
        if (e) {
            //window.location...redirect
        } else {
            //do something
        }
    });
});

您不需要返回true或false ...您正在if语句中检查它

Javascript Alertify等待确认然后转到另一页

2 个答案: