zoukankan      html  css  js  c++  java
  • 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);
                }
            });
    
            });
  • 相关阅读:
    contentSize,contentOffset,contentInset整理
    UITableViewCell的移动
    怎么修改Xcode新项目或新文件最上面的Creat By XXX
    objc_setAssociatedObject 关联对象
    Python strip()方法
    Python函数中*args和**kwargs来传递变长参数的用法
    python闭包
    Grand Garden思维题
    Circles Inside a Square(几何题)
    Matrix Transformation(模拟)
  • 原文地址:https://www.cnblogs.com/kiddy/p/9838523.html
Copyright © 2011-2022 走看看