首页 > 代码库 > 模拟alert,confirm 阻塞状态

模拟alert,confirm 阻塞状态

/***
* 模拟alert弹窗
* content 为弹框显示的内容
* 确定按钮对应的下面取消关闭显示框
* **/
function oAlert(content) {
var oWrap = $(‘.alert_d‘);
oWrap.show();
oWrap.find(‘p‘).html(content);
btnOk();
btnNo();
};
/**
* 模拟confirm弹出阻塞事件
* content 弹框显示的内容
* id 回调函数的ID值
* callback 执行回调函数
* **/
function oConfirm(content,id,callback) {
var oWrap = $(‘.confirm_d‘);
oWrap.show();
oWrap.find(‘p‘).html(content);
btnOk(callback,id);
btnNo();
};
/**
* 确定按钮事件
* 确定之后执行回调函数
*
* **/
var btnOk = function (callback,id) {
$("#mb_btn_ok").click(function () {
if (typeof (callback) == ‘function‘) {
callback(id);
}
$(".confirm_d").hide();
});
}
/**
* 取消按钮事件
* 关闭显示的框
* */
var btnNo = function () {
$("#mb_btn_no,#al_btn_ok").click(function () {
$(".confirm_d,.alert_d").hide();
});
}


实际调用
callback 被替换为
function bkdelete(id){}函数
function delete1(id){
oConfirm("是否要删除?",id,function bkdelete(id){
$.ajax({
type: "GET",
dataType: ‘json‘,
cache: false,
data:{"id":id},
url: "url",
success: function (json) {
oAlert(json.message)
if (json.success) {
//要执行的东西
}
},
error: function (response) {
ajaxError(response);
}
});
})
}

模拟alert,confirm 阻塞状态