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">×</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">×</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">×</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); } }); });