2016-07-13 16 views
0

私は初心者の開発者です。ユーザーが特定のドキュメントをダウンロードするためのリンクをクリックしたときにFancyBox 2.1.5で表示された後に隠れたインラインdivが消える

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

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

ポップアップはそれを埋めるためにユーザに尋ねる表示されます。私は、ページ上の隠しインラインフォームを持っています文書をダウンロードする前に前記フォームを抜き出す。私の問題は、ユーザーがポップアップフォームを閉じると発生します。ページを更新せずにリンクを再度クリックしようとすると、「要求されたコンテンツを読み込めません。後でやり直してください」というエラーメッセージが表示されます。 DOMを調べてデバッガを実行すると、fancyboxポップアップが閉じられた後、隠されたインラインdivがDOMから消えていくことに気付きました。ポップアップが開いているときに、フォームのdivが

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

とポップアップが却下されたときに、隠されたdiv要素はもはやページ上で置き換えられています。私はsimilar issuesのための解決策を見てきましたが、私は解雇された後でも、複数回表示するポップアップを得ることができません。

私はFancyBox 2.1.5とjQuery 1.6.4を使用しています。

答えて

0

正確にわからないこれは動作しますが、私は別のdivでフォームのdivをラップし、なしの表示にそのdiv要素を設定することで、この作業を取得することができた理由:

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

すると、リンクは次のようになり私はfancyboxの以前のバージョンと同様のバグがあった理解して何から

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

:そうに更新。

関連する問題