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);
                }
            });
    
            });
  • 相关阅读:
    小程序行内点击事件冲突解决
    小程序带参返回刷新主页面
    小程序时间选择器(精确到秒)
    Bootstrap-Table事件和方法
    JS 解决txt文件直接打开而不是下载
    Bootstrap-Table进阶篇
    Bootstrap-Table入门篇
    Angular+SSM+Ajax的简单购物车实例
    Angular实现简单购物车
    K3BOS单据获取单据体行数
  • 原文地址:https://www.cnblogs.com/kiddy/p/9838523.html
Copyright © 2011-2022 走看看