ホーム > modal (全1件)
  • ダイアログボックス(ポップアップ)を表示する

    idがdialog1のdiv要素をダイアログボックスのようにポップアップ表示する。

    $( '#dialog1' ).dialog( { modal: true } );
    
    <!-- div要素 -->
    <div id="dialog1" title="ここにタイトル" style="display: none;">
    ここに内容
    </div>
    

    表示するdiv要素は非表示状態で用意し、title属性にはダイアログボックスのタイトルバーのテキストを指定すること。表示しているダイアログボックスは、ui-dialogクラスのdiv要素で、その中にはタイトルバーを表示するui-dialog-titlebarクラスのdiv要素と、中身のui-dialog-contentクラスのdiv要素が含まれる。