1. 依賴文件:
bootstrap.js bootstrap-dialog.js bootstrap.css bootstrap-dialog.css
2.代碼
BootstrapDialog.confirm({ title : '確認', message : "確認要刪除?", type : BootstrapDialog.TYPE_WARNING, // <-- Default value is // BootstrapDialog.TYPE_PRIMARY
closable : true, // <-- Default value is false,點擊對話框以外的頁面內容可關閉
draggable : true, // <-- Default value is false,可拖拽
btnCancelLabel : '取消', // <-- Default value is 'Cancel',
btnOKLabel : '確定', // <-- Default value is 'OK',
btnOKClass : 'btn-warning', // <-- If you didn't specify it, dialog type
size : BootstrapDialog.SIZE_SMALL, // 對話框關閉的時候執行方法
onhide : function () { }, callback : function(result) { // 點擊確定按鈕時,result為true
if (result) { // 執行方法
funcok.call(); } } });
2.完成操作提示框
<link href="/plugin/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
<script src="/plugin/toastr/toastr.min.js"></script>