確認なしでウィンドウを開くのを防ぐ方法

Question

クリックしたときにポップアップモーダルを開くべき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; 
    } 
}); 

Answer 1

そうのように試してみてください：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>