如何删除jQueryUI创建的对话框上的关闭按钮(右上角的X)?


当前回答

对于停用类,短代码:

$(".ui-dialog-titlebar-close").hide();

可以使用。

其他回答

您也可以删除标题行:

<div data role=“header”></分区>

其移除关闭按钮。

对于停用类,短代码:

$(".ui-dialog-titlebar-close").hide();

可以使用。

$(".ui-button-icon-only").hide();

由于我发现我在应用程序的几个地方都在做这件事,所以我把它包装在一个插件中:

(function ($) {
   $.fn.dialogNoClose = function () {
      return this.each(function () {
         // hide the close button and prevent ESC key from closing
         $(this).closest(".ui-dialog").find(".ui-dialog-titlebar-close").hide();
         $(this).dialog("option", "closeOnEscape", false);
      });
   };
})(jQuery)

用法示例:

$("#dialog").dialog({ /* lots of options */ }).dialogNoClose();

您可以使用以下代码删除关闭按钮。还有其他的选择,你可能会觉得有用。

$('#dialog-modal').dialog({
    //To hide the Close 'X' button
    "closeX": false,
    //To disable closing the pop up on escape
    "closeOnEscape": false,
    //To allow background scrolling
    "allowScrolling": true
    })
//To remove the whole title bar
.siblings('.ui-dialog-titlebar').remove();