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();
  }
});

上記の記述を行うことで
複数のダイアログに対し、
個別に閉じるボタンの表示非表示の設定が可能となります。

ひとつ目のダイアログは閉じるボタンあり
そこから更に開くダイアログには閉じるボタンなし
等の動作をさせることができます。