Управление видимостью с помощью JQuery

Question

У меня есть этот div

<div id="termSheetPopup" style="visibility:hidden;">

Он скрыт на странице b / c. Я хочу, чтобы он отображался во всплывающем окне JQuery.Я делаю это всплывающим окном с этим:

function createAndShowTermSheetPopup() {
            $('#termSheetPopup').dialog({
                modal: true,
                resizable: false,
                title: 'Generate Term Sheet',
                width: 350,
                height: 200,
                autoOpen: true,
                buttons: {
                    "Generate": function () {
                        alert('Generating...');
                    },
                    "Cancel": function () {
                        $(this).dialog("close");
                    }
                }
            });
        }

Я хочу, чтобы оно было видимым, чтобы видеть во всплывающем окне, но не на странице, когда оно не открывается.Как мне это сделать?

Answer 1

Установите autoOpen на false при инициализации, затем позвоните $('#termSheetPopup').dialog('open'), когда будете готовы его использовать.

Дополнительную информацию можно найти наДемонстрационная страница jquery-ui .

Обновление: Если вы можете извинить jsFiddle за неправильное отображение CSS, это демо того, что я имею в виду.

Answer 2

http://docs.jquery.com/UI/Dialog#event-create