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

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;
        }
    });
});