Promise重寫confirm，alert彈出框 .then()
阿新 • • 發佈：2019-01-26
所有程式碼，可以執行：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>confirm重寫</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<style type="text/css">
.console-show {
margin-top js程式碼：
function ReAlert(title, content) {
var alertPromise = new Promise(function(resolve, reject){
$('#alertModal .modal-title').text(title);
$('#alertModal .modal-body p').text(content);
$('#alertModal').modal('show');
$('#alertModal .sureBtn').off('click').click(function() {
resolve(content);
})
})
return alertPromise;
};
function ReConfirm(title, content) {
var confirmPromise = new Promise(function(resolve, reject){
$('#confirmModal .modal-title').text(title);
$('#confirmModal .modal-body p').text(content);
$('#confirmModal').modal('show');
$('#confirmModal .sureBtn').off('click').click(resolve);
$('#confirmModal .cancelBtn').off('click').click(reject);
})
return confirmPromise;
};
$('#alertBtn').click(function() {
ReAlert('提示', '確定加入索尼大法？').then(function(str){
console.log(str);
$('.console-show').text('Prmoise_alert頁面點選"確定"');
})
});
$('#confirmBtn').click(function() {
ReConfirm("警告", '確認退出索尼教？').then(function(){
console.log('確定被點選，執行後續操作');
$('.console-show').text('Promise_resolve_confirm頁面點選"確定"');
},function(){
console.log("取消被點選，返回之前的操作");
$('.console-show').text('Promise_reject_confirm頁面點選"取消"');
})
})