[JavaScript] jQueryDialogをhtmlを使用せずに表示

jQueryダイアログをjsのみの記述で表示させる方法です。

var jQueryDialog = $("<div>メッセージ</div>");
jQueryDialog.dialog({
    title: "タイトル",
    resizable: true,
    modal: true,
    width: "auto",
    close: function() {
        $(this).dialog("destroy");
    },
    buttons: {
        "OK": function() {
            $(this).dialog("close");
        }
    }
});

htmlへの記述が不要なため、かなり便利です。
関数化してタイトルやメッセージを引数にすると
更に良い感じになります。

コメント

このブログの人気の投稿

[JavaScript] jQueryDialogの右上の×閉じるボタンを非表示にする。

[JavaScript] 数字のみ抽出

挨拶