ホーム > resizable (全1件)
  • ダイアログボックスのサイズを調整する

    初期化時にダイアログボックスのサイズを設定する。

    /* 幅(省略時は300)と高さ(省略時は'auto')を指定 */
    $( '#dialog1' ).dialog( { width: 500, height: 400 } );
    
    /* 最小幅(省略時は150)と最少高さ(省略時は150)を指定 */
    $( '#dialog1' ).dialog( { minWidth: 400, minHeight: 200 } );
    
    /* 最大幅(省略時はfalse)と最大高さ(省略時はfalse)を指定 */
    $( '#dialog1' ).dialog( { maxWidth: 800, maxHeight: 600 } );
    
    /* リサイズ不可(省略時はtrue(リサイズ可))に設定 */
    $( '#dialog1' ).dialog( { resizable: false } );
    

    jQuery UIのダイアログボックスで、サイズに関連するプロパティはこの7種類。幅および高さで指定する値はピクセル値(数値だけでよい)、resizableにはtrueまたはfalseを指定する。