如何從 jQuery UI 對話框中刪除關閉按鈕？

從jQuery UI 對話框中刪除關閉按鈕

jQuery UI 對話框在右上角有一個方便的關閉按鈕，由“X ”符號。如果您想刪除此按鈕，請按以下方法實現：

選項1：使用開啟功能

要刪除特定對話框的關閉按鈕，您可以在建立open 函數後覆蓋它。以下是一個範例：

$("#div2").dialog({
    closeOnEscape: false,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
    }
});

在此範例中，我們在對話方塊的標題列中找到關閉按鈕，並使用 hide() 方法隱藏它。

選項 2 ：使用 CSS

或者，您可以使用 CSS 隱藏頁面上所有對話方塊的關閉按鈕。新增以下CSS 規則：

.ui-dialog-titlebar-close {
    visibility: hidden;
}

結論

這些方法可讓您刪除jQuery UI 對話方塊上的關閉按鈕，無論是針對特定執行個體或透過CSS 通用實例或透過CSS 通用實例。透過自訂對話方塊的外觀，您可以增強使用者體驗並根據您的特定要求進行自訂。

以上是如何從 jQuery UI 對話框中刪除關閉按鈕？的詳細內容。更多資訊請關注PHP中文網其他相關文章！