2017-02-02 4 views
0

Wenn ich mein Formular ausfülle und es sende, wird die fancybox nicht angezeigt.
Hier ist der Code i für die fancybox bin mit:Fancybox öffnet sich nicht onclick submit form

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

Dies ist der confirmtation Text i am Plugin Gravity bildet

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

ausgefüllt Und dies ist der HTML-Code für die Schaltfläche, wo ich Klicken Sie auf das Feuer die Funktion

<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; "> 

Vielen Dank für Ihre Zeit!

+0

Der Inline-Clickhandler scheint etwas komisch, JS-Parser kennt HTML nicht. Stattdessen könnten Sie einfach die Standardaktion im jQuery-Click-Handler verhindern. – Teemu

Antwort

0

Wenn ich mein Formular ausfülle und es sende, kommt die Fancybox nicht auf.

Wenn Sie es senden die Seite von der einreichen, damit Ihre fancybox aktualisiert wird nicht angezeigt, so versuchen, die Standardaktion zu verhindern (abschicken) mit preventDefault():

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

Hoffnung sein hilft.