自作の確認ダイアログ

-- html --
<button id="deleteBtn">削除する</button>

<div id="customConfirm">
<p id="confirmMessage">本当に実行しますか？</p>
<button id="confirmOk">OK</button>
<button id="confirmCancel">キャンセル</button>
</div>

-- js --
function customConfirm(message, callback) {
$('#confirmMessage').text(message);
$('#customConfirm').fadeIn(200);

$('#confirmOk').off('click').on('click', function() {
$('#customConfirm').fadeOut(200);
callback(true);
});

$('#confirmCancel').off('click').on('click', function() {
$('#customConfirm').fadeOut(200);
callback(false);
});
}

$('#deleteBtn').on('click', function() {
customConfirm('本当に削除しますか？', function(result) {
if (result) {
alert('削除しました！');
} else {
alert('キャンセルしました');
}
});
});