jquery - 使用 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')你已经准备好使用它了。

可以找到更多信息on the jquery-ui demo page .

更新:如果您能原谅 jsFiddle 没有正确显示 CSS，this is a demo我的意思。