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

时间:2016-07-13 15:42:37

标签: jquery fancybox

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

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

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

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

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

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

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

我正在使用FancyBox 2.1.5和jQuery 1.6.4。

1 个答案:

答案 0 :(得分:0)

不完全确定为什么会这样,但我能够通过将表格div与另一个div包装并将 div设置为无显示来实现此功能:

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

链接将更新为:

/donor/beneficiaries/beneficiary/additionaData[name='amount']/value

根据我的理解,早期版本的fancybox存在类似的错误。