如何在没有确认的情况下阻止打开窗口

时间:2017-06-23 04:51:43

标签: javascript jquery

我有href,点击它应该打开一个弹出模式。现在我需要在显示模态窗口之前显示确认消息。我使用了以下代码。我的问题是,当我点击“否”时,它仍会打开该窗口。

<a href="ajax/popup-add-user.php" id="btn-add-user">Add User</a>


$('#btn-add-user').on('click', function(e){
    e.preventDefault();
    if(confirm("Do you want to continue?"))
    {
        return true;
    }
    else{
        return false;
    }
});

1 个答案:

答案 0 :(得分:0)

尝试如下:将您的开放模态代码放在openModal function

var openModal = function() {
    // put open modal window code here
    console.log('open modal window here');
};

$('#btn-add-user').on('click', function(e){
    e.preventDefault();
    if(confirm("Do you want to continue?")) {
        return openModal();
    } else {
        e.stopPropagation();  // also add this line
        console.log('do nothing');
        return false;
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="ajax/popup-add-user.php" id="btn-add-user">Add User</a>