首页 > 代码库 > 模拟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 阻塞状态
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。