从对话框关闭 Jquery 启用和禁用选项

Posted 2023-05-08

【中文标题】从对话框关闭 Jquery 启用和禁用选项

【英文标题】：Jquery Enable and Disable option close from a dialog box

【发布时间】：2016-08-11 11:11:11

【问题描述】：

我需要知道如何启用或禁用 Jquery 对话框的关闭选项。

首先我打开它：

$(".dialog-content").dialog('open');

其次我编辑他的内容：

$(".dialog-body p").html("DO NOT CLOSE IT");

第三，我需要禁用他的关闭选项。做一些动作。并在下面启用他的关闭选项。

【参考方案1】：

您可以像这样隐藏和显示关闭按钮：

$("#div1").dialog(                    // call .dialog method to create the dialog markup
    autoOpen: false,
    closeOnEscape: true
);

// 隐藏

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

// 显示

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

【讨论】：

以及关闭选项时的转义？

设置 closeOnEscape: true 用于在退出按钮上关闭对话框

我的意思是当对话框已经打开时如何启用或禁用它

我像这样初始化我的对话框，我想在她打开后更改关闭选项 $(".dialog-content").dialog( autoOpen: false, closeOnEscape: true, modal: true, height: 'auto', width: 'auto', create: function() $(this).css('maxWidth', dWidth); , show: effect: 'fade', duration: 200 , beforeClose: function() $('.dialog-body p').css( color : '#052D92' ); $('.dialog-body').css( color : '#052D92' ); $ ('#ui-datepicker-div').css( display : 'none' ); , hide: effect: 'fade', duration: 200 );

打开对话框后我们不能改变它的属性。我们需要先用它的新属性重新初始化对话框，然后再重新打开对话框。