Bootstrap和modal.js制作确认框confirm
0
使用Bootstrap
和modal.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)
这样的参数