Hi.
I have a page, with a hidden form, that loads in a Fancybox modal window. When I submit the ajax form, two spinner icons are shown.
I read this previous forum thread, but no answer was posted:
http://www.gravityhelp.com/forums/topic/using-ajax-with-contact-form-in-modal-window-getting-2-spinners
Unfortunately, I cannot link to my site, but the issue is exactly the same as the one posted in that thread.
It will be difficult to troubleshoot without being able to see your form. Please post a link when it is live and we can view it online. Thanks.
Thanks Vayu.
I'm having the same issue (jQuery UI tabs is causing the duplicated script/spinner) - is there a solution for this?
The solution is to fix the jQuery conflict. Can you post a link to your site where we can see this in action?
Sure - the site is still under development, but I made a uid/pwd for Gravity to preview (there is nothing sensitive on the site).
http://wpd.visualcrossing.com/about/#contact_us
u: gravity
p: gravity!
If you hit the Submit button, you can see the double spinners (only the first time - subsequent submits only show one spinner).
I'm using the jQuery UI plugin for WP which generates the tab markup & js via a shortcode (i.e. after the page loads the unstyled content) - so I'm guessing it is causing some script hook to fire twice. The form is a plain gform, nothing special.
Thanks for the assist!
@webstuff, thanks for sharing that.
@Twig, if you disable the jQuery UI plugin for WP, does the double spinner still occur? Also, if you embed the form by itself in a WordPress page (rather than the tabbed interface), is there just a single spinner? If you embed the form in your tabbed interface without AJAX, is there still a single spinner?
Same problem here. No luck with deregistering any of the jquery ui interface. Always get 2 spinners on the first submission. If there is an error on the form and you have to resubmit only 1 spinner shows.
