2017-02-02 16 views
0

私のフォームに記入し、それを送信すると、ファンシーボックスは出てこない。ここ
は私がfancyboxのために使用していますコードです:Fancybox does not open onclickフォームを送信

<div class="hidden" id="fancybox-popup-form"> 
     (your Fancybox content goes in here) 
    </div> 
<style> 
.hidden { display: none; } 
</style> 

これは私がプラグインの重力で埋めconfirmtationテキストが

<script type='text/javascript'> 
     $('#gform_submit_button_2').click(function() { 
     $#gform_submit_button_2([ 
      { href : '#fancybox-popup-form' } 
     ]); 
    }); 
    </script> 

を形成し、これが私のボタンのHTMLです火災をクリックする必要があります

<input type="submit" id="gform_submit_button_2" class="button gform_button" value="Verzenden" tabindex="6" onclick="if(window[&quot;gf_submitting_2&quot;]){return false;} window[&quot;gf_submitting_2&quot;]=true; "> 

お時間をありがとう!

+0

インラインクリックハンドラーは多少奇妙なようですが、JSパーサーはHTMLを認識していません。その代わりに、jQueryクリックハンドラのデフォルトアクションを防ぐことができます。 – Teemu

答えて

0

フォームに記入して送信すると、ファンシーボックスが表示されません。

あなたが示されていないだろうページを提出するので、あなたのfancyboxによってリフレッシュされますそれを送信するので、デフォルトのアクションを阻止しようと

preventDefault()を使用して(提出):

$('#gform_submit_button_2').click(function (e) { 
    e.preventDefault(); 
    //Your code 
}) 

は、彼がお役に立てば幸いです。