使用 FancyBox 2.1.5 显示后隐藏的内联 div 消失答案

【问题标题】：Hidden inline div disappears after being displayed with FancyBox 2.1.5使用 FancyBox 2.1.5 显示后隐藏的内联 div 消失
【发布时间】：2016-07-13 15:42:37
【问题描述】：

我是一名新手开发人员，所以如果这是一个愚蠢的问题，请原谅。我在页面上有一个隐藏的内联表单：

<div id="signupPop" class="form" style="display:none">  </div>

当用户点击链接下载某个文档时，

<a class="popMe fancybox" href="#signupPop">Download the Form</a>

会出现一个弹出窗口，要求用户在下载文档之前填写上述表格。如果用户关闭弹出表单，我的问题就会出现。如果他们尝试再次单击链接而不刷新页面，我会收到花式框错误“无法加载请求的内容。请稍后再试。”在检查 DOM 并运行调试器后，我注意到在关闭了幻想框弹出窗口后，隐藏的内联 div 从 DOM 中消失了。当弹出窗口打开时，表单 div 被替换为

<div class="fancybox-placeholder" style="display: none;"></div>

当弹出窗口被关闭时，隐藏的 div 不再出现在页面上。我一直在寻找为similar issues 提出的解决方案，但我似乎无法让弹出窗口多次显示，即使它被关闭。

我正在使用 FancyBox 2.1.5 和 jQuery 1.6.4。

【问题讨论】：

标签： jquery fancybox

【解决方案1】：

不完全确定为什么会这样，但我能够通过将表单 div 与另一个 div 包装并将 that div 设置为无显示来实现这一点：

<div id="formContainer" style="display:none">
    <div id="signupPop" class="form">
    <!-- FORM CONTENT -->
    </div>
</div>

链接将更新为：

<a class="popMe fancybox" href="#formContainer">Download the Form</a>

据我了解，fancybox 的早期版本存在类似的错误。

【讨论】：