はてなブックマーク

2012-12-29 19:39:20 jQueryUI dialog を使って、モーダル表示を実装しました。 当サイト右上の (・v・) マークをクリックするとモーダルが表示されます。 今回はダイアログをモーダルとして表示する事に加え、ダイアログ画面以外のブラウザ領域をクリックすることによって、ダイアログが閉じるようにしました。 以下、実装までの手順。 jQueryUI 読込設定 まず、jQueryUI の読込設定。 今回は Google の CDN を使用しました。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googlea