web-dev-qa-db-ja.com

jQuery UIダイアログボックスウィジェットの閉じるボタンを削除する最良の方法は？

JQuery UIダイアログボックスの閉じるボタンを削除する最良の方法は何ですか？

ダイアログボックスを閉じられるようにしたくないのですが。

私はそれをコード角度でカバーすることでカバーしています：

closeOnEscape: false,
beforeclose: function (event, ui) { return false; }

私は、閉じるボタンのクラス/ IDを取得して手動で非表示にするスクリプトを作成する必要がないようにしています。また、ダイアログボックスには閉じるボタンが必要な場合があるため、CSSを手動で変更することはお勧めしません。

どういうわけかダイアログ構成を実行したいのですが、実行方法がわからないか、ダイアログボックスではまったく許可されていません。

ダイアログボックスの構成方法に関する提案はありますか？

jqueryjquery-uibutton
21
Alex KeySmith

これは良い解決策であることがわかりました

$("#myDialogID").dialog({
    closeOnEscape: false,
    beforeClose: function (event, ui) { return false; },
    dialogClass: "noclose"
});

既存のスタイルを変更せず、代わりに新しいビットを追加します。

.noclose .ui-dialog-titlebar-close
{
    display:none;
}

ダイアログを閉じることができないものとして「分類」しているため、クラスを追加することは非常に洗練された方法になりました。

57
Alex KeySmith

私は別の解決策を見つけました、私のために働きます：

$("#divID").dialog({
   closeOnEscape: false,
   open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }
});
2
Chirag Thakar