[jQuery UI] 基本メモ: Dialog – 端くれプログラマの備忘録

サンプルコード

<button>open</button>
<div id="msg">hello</div>

1 2	<button>open</button> <div id="msg">hello</div>

$('button').click(function() {
    $('#msg').dialog('open');
})
$('#msg').dialog({
    autoOpen: false,
    buttons: {
        'OK': function() {
            $(this).dialog('close');
        }
    },
    title: 'Title',
    modal: true,
})

$('button').click(function() {

$('#msg').dialog('open');

})

$('#msg').dialog({

autoOpen: false,

buttons: {

'OK': function() {

$(this).dialog('close');

}

title: 'Title',

modal: true,

})

参考サイト

Dialog | jQuery UI
https://jqueryui.com/dialog/

サンプルコード

参考サイト

関連記事