[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への記述が不要なため、かなり便利です。
関数化してタイトルやメッセージを引数にすると
更に良い感じになります。
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への記述が不要なため、かなり便利です。
関数化してタイトルやメッセージを引数にすると
更に良い感じになります。
コメント
コメントを投稿