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 });

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

2 个答案: