ワードプレスのファンシーボックスプラグインをフォームで楽しませています。そのため、ボタンをクリックするとフォームがポップアップしますが、ポップアップを閉じてボタンを再度クリックすると、フォームは表示されません。フォームを含む 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;
}
どうすればこれを解決できますか?
助けてください。
ありがとう