Bootstrap和modal.js制作确认框confirm

0

使用Bootstrapmodal.js制作一个确认框的示例:

$("#confirm").modal({"show" : false});
$(".btn-delete").click(function() {
    var $this = $(this); // 注意,后面传递的参数不能是$(this);
    resumeConfirm("删除后该内容将不可恢复,确认删除吗?", function() {
        $this.addClass("disabled").attr("disabled", "disabled");
        alert("确定删除!");
    }, function() {
        alert("取消删除!");
    });
});
function resumeConfirm(content, success, cancel) {
    if(!content)
        content = "删除后该内容将不可恢复,确认删除吗?";
    $("#confirmContent").text(content);
    $("#confirm").modal("show");
    $("#confirmSuccess").click(function() {
        if(success) {
            success();
            cancel = null;
            success = null;
            $("#confirm").modal("hide");
            $("#confirmSuccess").unbind("click"); // 解除事件
        }
    });
    $("#confirmCancel").click(function() {
        if(cancel) {
            cancel();
            cancel = null;
            success = null;
            $("#confirm").modal("hide");
            $("#confirmCancel").unbind("click");
        }
    });
}

DEMO地址:http://www.acgist.com/demo/bootstrap-confirm/index.html

一定要注意在传参数的时候不要传递$(this)这样的参数