jQuery UI

jQuery UIによる画面コンポーネント（１）
●ダイアログにタイトルをつける。
ボタンで表示する分はhttp://alphasis.info/2011/06/jquery-ui-dialog/から持ってきた

jQuery UI設定

jQuery( function() {
    jQuery( '#ex1' ) . dialog( {
        autoOpen: false,
    } );
    jQuery( '#jquery-ui-dialog-opener' ) . click( function() {
        jQuery( '#ex1' ) . dialog( 'open' );
        return false;
    } );
} );

CSS設定





実行例　これも×が表示されない




ダイアログのさいずは400×100です




    
これは、デフォルトのダイアログ。メッセージを表示したいときなどに便利。

    
「×」アイコンをクリックすると閉じる。タイトルをドラッグしながら、ダイアログを移動できる。ダイアログのサイズを変更することもできる。












html




<div id="ex1" title="ダイアログ">
    <p>これは、デフォルトのダイアログ。メッセージを表示したいときなどに便利。</p>
    <p>「×」アイコンをクリックすると閉じる。タイトルをドラッグしながら、ダイアログを移動できる。ダイアログのサイズを変更することもできる。</p>
</div>
<button id="jquery-ui-dialog-opener">ダイアログを開く</button>