Показ модального диалога с 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 });