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