tobaccordshow
Member
I've got a very simple jQuery call to toggle a class of active on submit button click:
$('#submit_button').bind('click',function() {
$(this).toggleClass('active');
}It works great on the initial click. Then the js call does not occur afterwards. Is there anything I need to do to override GF js calls?
Shouldn't the initial click of the submit button be all that is necessary for the action since that click submits the form anyway? What do you mean it works great on the initial click but not afterwards? Are you referring to a multi-page form?
tobaccordshow
Member
No, not a multi page form.
If the AJAX form returns with errors, there's the opportunity to, of course, click again and submit. That's where the JS dies.
Small update to my script: I have two binds now on the jQuery onmouseclick and onmouseup. It's to give that illusion that you pressed and released the button. It works great on the first click (and then you see the AJAX spinner appear). After it returns with errors, the JS never triggers again. No errors. Just doesn't trigger.
What's happening is that when the form is reloaded via AJAX, the previous submit button is replaced by a new submit button in the DOM and your javascript is not bound to this new object. To bind your javascript to the submit button with every AJAX form load use this GF jquery event:
http://www.gravityhelp.com/documentation/page/Gform_page_loaded
