挨拶
はじめまして。こんにちわ。
「ふぐ」と申します。
お仕事でプログラマーをしております。
メモ代わりにブログを書いていきますです。
よろしくどうぞ。
「ふぐ」と申します。
お仕事でプログラマーをしております。
メモ代わりにブログを書いていきますです。
よろしくどうぞ。
[JavaScript] jQueryDialogの右上の×閉じるボタンを非表示にする。
jQueryダイアログの右上の[×]閉じるボタンを消すには cssに以下を記述することで実現できます。 button.ui-dialog-titlebar-close{ display: none; } 一括で設定する場合は 共通cssにこの記載をする方法が最も手軽かと。 「このダイアログだけは閉じるボタンを表示させたい」 という場合は以下の様に記述します。 $("#testDialog").dialog({ title: "タイトル", … open: function() { $(".ui-dialog-titlebar-close", $(this).closest(".ui-dialog")).show(); } }); 逆に「このダイアログだけは閉じるボタンを非表示にさせたい」 という場合は以下の様に記述します。 $("#testDialog").dialog({ title: "タイトル", … open: function() { $(".ui-dialog-titlebar-close", $(this).closest(".ui-dialog")).hide(); } }); 上記の記述を行うことで 複数のダイアログに対し、 個別に閉じるボタンの表示非表示の設定が可能となります。 ひとつ目のダイアログは閉じるボタンあり そこから更に開くダイアログには閉じるボタンなし 等の動作をさせることができます。
コメント
コメントを投稿