bootstrap 操作提示placeholder

Javascript 部分

function checkForDefaultAlertPlaceholder() {
    if ($("#alertPlaceholder").length == 0) {
        $("body > div:nth-child(2)").prepend($('<div id="alertPlaceholder"></div>'));
    }
}
bootstrap_alert = function () { }
bootstrap_alert.danger = function (message, timeout, idContainer) {
    if (idContainer == null) {
        checkForDefaultAlertPlaceholder();
    }
    var $alert = $('<div class="alert alert-danger alert-dismissable fade in" role="alertdialog"><strong>Error:</strong> ' + message + '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button></div>');
    $("#" + (idContainer != null ? idContainer : "alertPlaceholder")).append($alert);
    if (timeout != null && timeout > 0) {
        setTimeout(function () {
            $alert.alert("close");
        }, timeout);
    }
    return $alert;
}
bootstrap_alert.warning = function (message, timeout, idContainer) {
    if (idContainer == null) {
        checkForDefaultAlertPlaceholder();
    }
    var $alert = $('<div class="alert alert-warning alert-dismissable fade in" role="alertdialog">' + message + '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button></div>');
    $("#" + (idContainer != null ? idContainer : "alertPlaceholder")).append($alert);
    if (timeout != null && timeout > 0) {
        setTimeout(function () {
            $alert.alert("close");
        }, timeout);
    }
    return $alert;
}
bootstrap_alert.success = function (message, timeout, idContainer) {
    if (idContainer == null) {
        checkForDefaultAlertPlaceholder();
    }
    var $alert = $('<div class="alert alert-success alert-dismissable fade in" role="alertdialog"><strong>Success:</strong> ' + message + '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button></div>');
    $("#" + (idContainer != null ? idContainer : "alertPlaceholder")).append($alert);
    if (timeout != null && timeout > 0) {
        setTimeout(function () {
            $alert.alert("close");
        }, timeout);
    }
    return $alert;
}

 

将DIV加在表头某处:

<div id="alertPlaceholder"></div>

 

Ajax调用代码区:

 $('#').click(function(){
         $.ajax({
            type:'POST',
            url:<link>,
            data:{},
            success:function(data){
             bootstrap_alert.success("The data has been saved.", 1000);
        },
            error:function(data){
            bootstrap_alert.danger("Exception!This operation is not performed successfully! Please contact admin!", 1000);
            }
        });

        });

 

posted @ 2018-10-23 18:55  西番莲果汁  阅读(2739)  评论(0编辑  收藏  举报