自定义confirm

如果感觉原生的confirm满足不了你的要求,你可以尝试着自己去处理,下面是我自定义的confirm方法。代码如下:

function Confirm() {
    var options = {
        "title": "提示信息",
        "confirm": "确定",
        "cancel": "取消"
    };
    var selfDefault = arguments[0];
    var opt = $.extend({}, options, selfDefault);//自定义参数覆盖默认参数
    if (!opt.confirmCallback || typeof opt.confirmCallback != "function") {
        console.error("必须有一个confirmCallback函数");
        return;
    }
    if ($("body").find("#confirmDialog").length > 0) {
        $("#confirmDialog").show();
    } else {
        var html = '<div class="js_dialog" id="confirmDialog" style="opacity: 1;">' +
            '<div class="weui-mask"></div>' +
            '<div class="weui-dialog">' +
            '<div class="weui-dialog__hd"><strong class="weui-dialog__title">' +
            opt.title +
            '</strong></div>' +
            '<div class="weui-dialog__ft">' +
            '<a class="weui-dialog__btn weui-dialog__btn_default dialog-cancel">' + opt.cancel + '</a>' +
            '<a class="weui-dialog__btn weui-dialog__btn_primary dialog-confirm">' + opt.confirm + '</a>' +
            '</div>' +
            '</div>' +
            '</div>';
        $("body").append(html);
    }
    $("#confirmDialog .dialog-cancel").on("click", function () {
        $("#confirmDialog").hide();
        if (opt.cancelCallback) {
            opt.cancelCallback();
        }
    });
    $("#confirmDialog .dialog-confirm").on("click", function () {
        $("#confirmDialog").hide();
        if (opt.confirmCallback) {
            opt.confirmCallback();
        }
    });
}
用法举例,判断是否需要登陆代码如下:
if (data.value == "请先登录") {
                                Confirm({
                                          title: data.value,
                                          confirmCallback: function() {
                                                 setCookie("url", window.location.href);
                                                 window.location.href = "/index.php/Weixin/login/login";
                                            }   
                                        })
                        } else {
                                  alert(data.value);
                                }



  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值