ダイアログボックスの開閉

　初期化が終わったら、$(要素).dialog('open'); でダイアログボックスを表示できます。ダイアログを閉じるのは、$(要素).dialog('close'); です。

　なお、ダイアログボックス内の入力要素（inputなど）は自動的には初期化されません。初期化が必要であれば、$(要素).dialog('open'); でダイアログボックスを開く前に初期化します。

◆

　以上、ここまでで紹介した方法でダイアログボックスを表示するサンプルを以下に公開しました。HTMLやスクリプトの具体的な書き方は、このページのソースコードを参考にしてください。また、ダイアログボックスの詳しい情報は、jQuery UIの公式サイトが充実しています。

ツイートする

カテゴリートップへ

この記事の編集者は以下の記事をオススメしています

• jQueryとは――Webデザイナーから見た魅力

• jQuery UIでiGoogleふうメニューを作ろう！

• 長～いページもスッキリ！jQueryでタブ表示

• jQueryで見栄えのいいグラフが描ける「jqPlot」

• jQueryで作る“Amazon風”インターフェイス

• jQueryでエクスプローラ風メニューに！

• 【短期集中連載】この冬作ろう！jQueryプラグイン講座

関連記事

• CanvasとJavaScriptで作るブロック崩しの完成

• ブロック崩しで学ぶスマホアプリ開発の基礎

• Facebookモバイルアプリ作ります――jActionら

はてブ注目ランキング

1. 流行期を過ぎたレスポンシブ・Webデザインのこれから47 users

2. 「近江牛」でGoogle上位のEC、脱・縦長ページで復活29 users

3. ブロック崩しで学ぶスマホアプリ開発の基礎23 users

4. Google、"リンク表示義務付きテンプレート"のリンクもガイドライン違反と判定13 users

5. CanvasとJavaScriptで作るブロック崩しの完成12 users

6. 40分で覚える！jQuery速習講座2300 users

7. 絶対見ておきたい有名企業のスマホサイトまとめ2186 users

8. もう配色には困らない！「Adobe Kuler」1697 users

9. 30分でできる！Webサイトを高速化する6大原則1503 users

10. Web制作会社が作った！超使えるJavaScriptライブラリ1228 users

最新記事

• 15型ノート「Inspiron 15R」「Inspiron 15」が4万円台

  

• デル、新Core i7搭載15型ノートで1TB HDDキャンペーン

  

• デル、新i7搭載「XPS 8500」で24型液晶キャンペーン

  

• Win7 Pro搭載15型ノートが5万円台—デルが法人向け

  

• 現時点で最速のDDR3-2666対応メモリーがG.SKILLから発売