我有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;
}
});
答案 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>