基于bootstrap 的确认框

最新推荐文章于 2024-04-21 13:20:11 发布

csdn_wwp

最新推荐文章于 2024-04-21 13:20:11 发布

阅读量1.2w

点赞数 5

分类专栏：常用代码块文章标签： bootstrap

本文链接：https://blog.csdn.net/wwp231/article/details/51458141

版权

常用代码块专栏收录该内容

5 篇文章 0 订阅

订阅专栏

基于bootstrap 的确认框
代码如下：

/**
 * 重写确认框 fun:函数对象 params:参数列表， 可以是数组
 */
function confirm(fun, params) {
    if ($("#myConfirm").length > 0) {
        $("#myConfirm").remove();
    } 
    var html = "<div class='modal fade' id='myConfirm' >"
            + "<div class='modal-backdrop in' style='opacity:0; '></div>"
            + "<div class='modal-dialog' style='z-index:2901; margin-top:60px; width:400px; '>"
            + "<div class='modal-content'>"
            + "<div class='modal-header'  style='font-size:16px; '>"
            + "<span class='glyphicon glyphicon-envelope'>&nbsp;</span>信息！<button type='button' class='close' data-dismiss='modal'>"
            + "<span style='font-size:20px;  ' class='glyphicon glyphicon-remove'></span><tton></div>"
            + "<div class='modal-body text-center' id='myConfirmContent' style='font-size:18px; '>"
            + "是否确定要删除？"
            + "</div>"
            + "<div class='modal-footer ' style=''>"
            + "<button class='btn btn-danger ' id='confirmOk' >确定<tton>"
            + "<button class='btn btn-info ' data-dismiss='modal'>取消<tton>"
            + "</div>" + "</div></div></div>";
    $("body").append(html);

    $("#myConfirm").modal("show");

    $("#confirmOk").on("click", function() {
        $("#myConfirm").modal("hide");
        fun(params); // 执行函数
    });
}