$.MTAppDialogMsg()

Last modified date : 2019/01/31

使い方

$.MTAppDialogMsg({
    title: 'メッセージ',
    content: 'Movable Typeへようこそ！',
    width: 'auto',
    height: 'auto',
    modal: false,
    hideEffect: ''
});

title、content を適宜設定します。その他のオプションは下記のとおりです。

表示サンプル

オプション

title

Type : String, Default : 'メッセージ'

ダイアログのタイトルを指定できます。

$.MTAppDialogMsg({
  title:'サンプルタイトル'
});

content

Type : String, Default : 'Movable Typeへようこそ！'

ダイアログのコンテンツを指定できます。HTML タグも利用できます。

$.MTAppDialogMsg({
  title:'サンプルタイトル',
  content:'サンプルコンテンツ<br>サンプルコンテンツ',
});

width

Type : Number, Default : 'auto'

ダイアログの横幅を数値で指定できます。px の単位は不要です。
初期値の 'auto' の場合はコンテンツに合わせて調整されます。

height

Type : Number, Default : 'auto'

ダイアログの高さを数値で指定できます。px の単位は不要です。
初期値の 'auto' の場合はコンテンツに合わせて調整されます。

modal

Type : Boolean, Default : false

true を設定すると、ダイアログの下のコンテンツには触れないモーダルダイアログになります。

hideEffect

Type : String, Default : ''

閉じる時のエフェクトを指定できます。
'explode'、'slide'、'drop' など jQuery UI に依存します。

$.MTAppDialogMsg({
  title: 'サンプルタイトル',
  content: 'サンプルコンテンツ<br>サンプルコンテンツ',
  hideEffect: 'explode'
});

close v1.7.0

Type : Function, Default : null

MTAppDialogMsg で表示したダイアログを閉じた時に呼び出されるコールバック関数を設定できます。
このオプションに設定した関数には下記の2つの引数が渡されます。

function(event){
  // do something
}