防止 DOM 在 Fancy Box 关闭时被移除答案

【问题标题】：Preventing DOM to be removed on closing of Fancy Box防止 DOM 在 Fancy Box 关闭时被移除
【发布时间】：2013-09-12 05:31:39
【问题描述】：

我用一个表格在 wordpress 中使用了 fancybox 插件。因此，当单击按钮时，表单会弹出，但当弹出窗口关闭并重新单击按钮时，表单不会出现。在我看来，模态包含表单的 div (fancyboxID-1) 已从 DOM 中删除，因此当您再次单击该按钮时，模态不会显示任何内容。

HTML：

<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1">
    <?php gravity_form(1, true, true, true, null, true, 3); ?>

    </div></div>

    <a href="#fancyboxID-1" class=" va-contact-link listing-contact-link cboxElement">Click here to enter your details</a>

CSS：

a.va-contact-link {
background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0      transparent;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
color: #666666;
display: inline-block;
font-size: 11px;
font-style: italic;
font-weight: bold;
margin: 0 10px 10px 0;
padding: 5px 8px;
}

我该如何解决这个问题？

请帮忙。

谢谢

【问题讨论】：

你在这里使用的fancybox类型是什么。
请创建一个小提琴
@Anilkumar 我正在使用 Easy Fancy Box 插件
@user2725936 发布您的 html 代码，创建小提琴做得更好
@SarathSprakash 我已经包含了 Html 代码。因为我使用的是花哨的盒子插件，所以我不能做小提琴

标签： jquery ajax wordpress dom

【解决方案1】：

找到使用Firebug的（关闭弹窗）功能，看代码。

你会知道它是否删除了表单！如果是，则将其更改为 fadeOut() 或 hide() 之类的！

如果它不起作用粘贴代码我会检查它！

【讨论】：

谢谢，我已经编辑了问题以显示代码。还是解决不了

【解决方案2】：

问题出在我使用的 jQuery 颜色框上。该版本似乎存在错误或其他问题。我更新了它，问题得到了解决。

谢谢大家。

【讨论】：