模拟alert，confirm 阻塞状态

Posted 2020-09-29 改变

/***
 * 模拟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);
                 }
             });
     })
}