使用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,这是我的意思的演示.