如何讓jquery-ui-dialog沒有關閉按鈕？

Question

我沒有在文檔中找到這個。

我應該只display:none關閉按鈕display:none css，或者API中是否有一個干凈的方式來創建沒有X按鈕的對話框（右上角）？

Answer 1

這可以解決您的問題：

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

Answer 2

沒有選項可以禁用“X”按鈕。 在加載和打開時，你需要添加css來顯示無'/ hide（）元素'ui-icon-closethick'。

Answer 3

出於某種原因.hide（）對我不起作用。 這樣做：

$('#divMsg').dialog({ title: 'Please wait...',
                      modal: true,
                      closeOnEscape: false,
                      open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).css('display', 'none'); } }).text('Text To Display').css('background', 'white');

此代碼段還顯示了如何設置對話框的標題和文本 - 我將其用作模式通知窗口，並在我的AJAX調用完成時關閉它。