javascript – 显示没有元素的jquery ui的模态对话框？

我正在制作一个小的 jquery应用程序.我需要一些确认框才能出现.但是,我不想将一个元素附加到正文,因此我可以打开一个对话框.有办法避免这种情况吗？只是调用一个对话框并传递标题,文本和选项等参数？

解决方法

当您创建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/.