Jquery关闭对话框并删除div

jQuery 关闭对话框并删除 div 示例

在 jQuery 中，您可以使用 dialog 函数和 remove 方法关闭对话框并删除指定的 div 元素。首先，为指定的 div 元素添加一个 dialog 函数，然后在对话框关闭时，使用 remove 方法删除该 div 元素。

以下是一个示例：

$(document).ready(function() {
    // 为指定的 div 元素添加 dialog 函数
    $("#dialog-div").dialog({
        autoOpen: false,
        title: "My Dialog",
        buttons: {
            "Close": function() {
                // 关闭对话框时删除 div 元素
                $(this).dialog("close").remove();
            }
        }
    });
});

在上面的代码中，我们使用 $("#dialog-div") 选择器，为具有 ID dialog-div 的 div 元素添加了一个 dialog 函数。我们还为该对话框定义了关闭按钮，当用户点击该按钮时，将调用 dialog("close") 方法关闭对话框，并使用 remove 方法删除该 div 元素。

要使用此功能，请确保您的 HTML 页面中包含一个具有 id 属性且值为 dialog-div 的 div 元素，例如：

<div id="dialog-div" style="display:none;">
    <!-- 插入您的对话框内容 -->
</div>

通过这种方式，您可以使用 jQuery 的 dialog 函数和 remove 方法在对话框关闭时删除指定的 div 元素，并避免在对话框中显示不必要的空白区域。