隐藏内联 div 用 FancyBox 2.1.5 显示后消失

Question

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

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

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

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

出现一个弹出窗口，要求用户在下载文档之前填写上述表格。如果用户关闭弹出表单，就会出现我的问题。如果他们尝试在不刷新页面的情况下再次单击 link，我会收到 fancybox 错误 "The requested content cannot be loaded. Please try again later." 检查 DOM 和运行调试器后，我注意到在 fancybox 之后弹出窗口关闭，隐藏的内联 div 从 DOM 中消失。当弹出窗口打开时，形式 div 被替换为

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

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

我正在使用 FancyBox 2.1.5 和 jQuery 1.6.4。

Answer 1

不确定为什么会这样，但我可以通过将表单 div 与另一个 div 包装起来并设置 that div 显示 none:

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

link 将更新为：

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

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

隐藏内联 div 用 FancyBox 2.1.5 显示后消失

Hidden inline div disappears after being displayed with FancyBox 2.1.5

jquery

fancybox