jquery-ui - jqueryUI销毁对话框而不删除原始元素？

Question

我正在使用 jQueryUI 创建一个对话框，我希望在删除对话框对象时将其销毁。

所以我做了这样的事情:

thisDialog.dialog({
    autoOpen:   true,
    close: function(event, ui) {
        thisDialog.dialog("destroy");
    }
});

我想要做的是保持 thisDialog 附加到的元素的存在，但只是破坏 jQueryUI .dialog()附加到它的对象， 不是 改变我的 DOM。

样本:
http://jsfiddle.net/ytWPV/1/

更新:
这可能是 jQueryUI 的错误/问题？如果有人可以证明这一点，我也会接受它作为答案

Answer 1

我不确定你想用“摧毁”还是“关闭”来完成什么，但我假设你有很好的理由。

如果您可以成功关闭对话框(基本上将表示对话框的整个 DIV 设置为 CSS 等效的 display:none)但想要更进一步并从 DOM 中更永久地删除 html，我会添加一些逻辑来关闭使用选择器(任何选择器都可以)来查找对话框的最顶层 DIV，然后手动将该 DIV 的 .html() 设置为空字符串的函数。这将基本上消除内部 HTML 并只留下曾经用作对话框的原始 HTML...