jQuery.imui.imuiMessageDialog

//エラーアイコン付きのメッセージダイアログを表示する
$("<div>message</div>").imuiMessageDialog({
    iconType: 'error'
});

//タイトルを指定する例
$("<div>message</div>").imuiMessageDialog({
    iconType: 'warning',
    title: '警告メッセージ'
});

//アイコンとメッセージの縦位置の上揃えで表示する例
$("<div>message1<br/>message2<br/>message3<br/>message4<br/>message5<br/></div>").imuiMessageDialog({
    iconType: 'info',
    verticalAlign: 'top'
});

//アイコンとメッセージ領域の下にメッセージを表示する例
$("<div>message</div>").imuiMessageDialog({
    iconType: 'confirm'
}).append('message2');

//position を指定する例
$("<div></div>").imuiMessageDialog({
    position: [100, 100]
});

//ボタンを表示する例
$("<div></div>").imuiMessageDialog({
    buttons: [
      {
        'id': 'okbutton',
        'text': 'OK',
        'click': function() { alert('OK'); }
      },
      {
        'text': 'キャンセル',
        'click': function() {$(this).imuiMessageDialog('close'); }
      }
    ]
});

//toolbarLeft, toolbarRight を指定する例
$("<div></div>").imuiMessageDialog({
    toolbarLeft: [
                    {
                        title: "戻る",
                        text: "戻る",
                        iconClass: "im-ui-icon-common-16-back",
                        href: "javascript:alert('back');"
                         },
                    {
                        title: "カレンダー",
                        text: "カレンダー",
                        iconClass: "im-ui-icon-common-16-calendar",
                        href: "javascript:alert('calendar')"
                    }
                ],
    toolbarRight: [
                      {
                          title: "最新",
                          iconClass: "im-ui-icon-common-16-refresh",
                          href: "javascript:alert('refresh')"
                      }
                  ]
});

//パラメータとして指定するとき
$('#id').imuiMessageDialog({
    beforeClose: function(event, ui) {
    }
});

//イベントをバインドするとき
//#target は、imuiMessageDialog のセレクタを指定してください。
$('#target').on('imuimessagedialogbeforeclose', function(event, ui) {
    }
);

//パラメータとして指定するとき
$('#id').imuiMessageDialog({
    close: function(event, ui) {
    }
});

//イベントをバインドするとき
//#target は、imuiMessageDialog のセレクタを指定してください。
$('#target').on('imuimessagedialogclose', function(event, ui) {
    }
);

//パラメータとして指定するとき
$('#id').imuiMessageDialog({
    open: function(event, ui) {
    }
});

//イベントをバインドするとき
//#target は、imuiMessageDialog のセレクタを指定してください。
$('#target').on('imuimessagedialogopen', function(event, ui) {
    }
);