用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/.

Answer 2

去做就对了：

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