在没有元素的情况下显示带有 jquery ui 的模式对话框？答案

【问题标题】：Showing a modal dialog with jquery ui without an element?在没有元素的情况下显示带有 jquery ui 的模式对话框？
【发布时间】：2011-08-21 06:22:09
【问题描述】：

我正在制作一个小型 jquery 应用程序。我需要出现一些确认框。但是，我不想为了打开一个对话框而将一个元素附加到正文中。有没有办法避免这种情况？只是调用一个对话框并传递诸如标题、文本和选项之类的参数？

【问题讨论】：

标签： javascript jquery jquery-ui dialog jquery-ui-dialog

【解决方案1】：

当您创建 jQuery UI 对话框时，当前版本 (1.8.*)自动将对话框添加到正文中。

如果你这样做：

$('<div>').dialog({modal: true})

它只是工作。不过，您应该确保在关闭对话框的情况下调用.remove() 以删除新元素！

function myalert(title, text) {
    var div = $('<div>').html(text).dialog({
        title: title,
        modal: true,
        close: function() {
            $(this).dialog('destroy').remove();
        },
        buttons: [{
            text: "Ok",
            click: function() {
                $(this).dialog("close");
            }}]
    })
};

myalert("Test", "This is a test modal dialog");

请参阅http://jsfiddle.net/alnitak/G3GRZ/ 了解完整的工作演示。

【讨论】：

【解决方案2】：

去做吧：

$('<div>My dialog text.</div>').dialog({ modal: true });

【讨论】：