從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中文網其他相關文章!