javascript - 在没有元素的情况下使用 jquery ui 显示模式对话框？

Question

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

Answer 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/完整的工作演示。