AloneJs.msgbox() —— 彈出消息框

一、引用

<link href="http://alonejs.suziyun.com/alonejs.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="http://alonejs.suziyun.com/alonejs.min.js"></script>

二、調用示例

1、彈出基本消息框：

iBox.msgbox("你好！","系統提示");

2、彈出模態消息框：

iBox.msgbox("你好！", "系統提示", {
    modal: true
});

3、彈出帶【確定】和【取消】按鈕的模態消息框，並設置寬度位為200px：

iBox.msgbox("你好！", "系統提示", function (e) {
    alert("確定");
}, function (e) {
    alert("取消");
}, {
    width: 200,
    modal: true
});

4、點擊【取消】按鈕，不讓消息框關閉：

iBox.msgbox("你好！", "系統提示", function (e) {
    alert("確定");
}, function (e) {
    alert("取消");
    return false;//返回false即可不讓消息框關閉，同樣【確定】按鈕也支持。
}, {
    width: 200,
    modal: true
});

5、在消息框關閉時執行自定義邏輯：

iBox.msgbox("你好！", "系統提示", function (e) {
    alert("確定");
}, function (e) {
    alert("取消");
    return false;//返回false即可不讓消息框關閉
}, {
    width: 200,
    modal: true,
    fnClose: function (e) {
        alert("關閉");
        //return false;//如果這裡返回false，同樣會阻止消息框關閉
    }
});

6、讓消息框彈出後在指定時間後自動關閉，此時不會顯示右上角的“x”關閉按鈕，以及【確定】和【取消】按鈕：

iBox.msgbox("你好！", "系統提示", function (e) {
    alert("確定");
}, function (e) {
    alert("取消");
    return false;//返回false即可不讓消息框關閉
}, {
    width: 200,
    modal: true,
    fnClose: function (e) {
        alert("關閉");
    },
    autoClose: 1200 //指定autoClose為1200毫秒，即可讓消息框在1200毫秒後自動關閉，關閉時同樣會觸發fnClose事件。
});

7、在消息框顯示完成之後，執行自定義邏輯，例如，在內容裡面添加“hello world”兩個紅色單詞：

iBox.msgbox("你好！", "系統提示", function (e) {
    alert("確定");
}, function (e) {
    alert("取消");
    return false;//返回false即可不讓消息框關閉
}, {
    width: 200,
    modal: true,
    fnClose: function (e) {
        alert("關閉");
    },
    fnComplete: function (e) {
        e.$scope.find('.msgbox-content').append('<span style="color:red">hello world</span>');//這裡的e.$scope就是當前消息框的jQuery對象
    }
});