bootstrap dialog對話框，完成操作提示框

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>

 

 

  toastr.success('你有新消息了！');