• 模拟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);
    }
    });
    })
    }
  • 相关阅读:
    AMQP协议
    设计模式三:行为型模式
    设计模式二:结构型模式
    设计模式一:创建型模式
    算法进阶
    数据结构
    希尔排序、计数排序、桶排序、基数排序
    归并排序
    python Gevent协程
    python——多进程
  • 原文地址:https://www.cnblogs.com/daiwenru/p/7229759.html
Copyright © 2020-2023  润新知