https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function Gravity Support Forums Topic: AJAX disrupting my jQuery function? en-US Sat, 04 Apr 2026 09:38:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-70154 Wed, 08 Aug 2012 11:33:02 +0000 Chris Hajer 70154@https://legacy.forums.gravityhelp.com/ <p>Thanks for the update John. </p> https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-70142 Wed, 08 Aug 2012 10:44:55 +0000 byjc 70142@https://legacy.forums.gravityhelp.com/ <p>Working perfectly now. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-68618 Mon, 30 Jul 2012 15:03:24 +0000 David Smith 68618@https://legacy.forums.gravityhelp.com/ <p>Hi John,</p> <p>You're going to want to look into using the jQuery "on" function. On the initial page load you bind your functions to the elements that currently exist. After the form is submitted via ajax, the original elements are removed and replaced by new elements from the submitted form. These elements will have the same IDs, but the events are no longer bound to them. By using the "on" function, you can bind to events for elements that exist now and in the future.</p> <pre><code>[js] $(document).on(&quot;click&quot;, &quot;a.offsite&quot;, function(){ alert(&quot;Goodbye!&quot;); });</code></pre> <p>You can find more info on this with the below links:</p> <p><a href="http://api.jquery.com/on/" rel="nofollow">http://api.jquery.com/on/</a><br /> <a href="http://api.jquery.com/live/" rel="nofollow">http://api.jquery.com/live/</a> </p> https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-68580 Mon, 30 Jul 2012 12:47:36 +0000 Chris Hajer 68580@https://legacy.forums.gravityhelp.com/ <p>Thank you for that information. I've asked one of the developers for assistance and either he or I will post here with some assistance. </p> https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-68405 Sun, 29 Jul 2012 01:55:00 +0000 Chris Hajer 68405@https://legacy.forums.gravityhelp.com/ <p>You can email me at <a href="mailto:chris@rocketgenius.com">chris@rocketgenius.com</a> and I will give it a look. </p> https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-68206 Fri, 27 Jul 2012 10:13:37 +0000 byjc 68206@https://legacy.forums.gravityhelp.com/ <p>Chris,</p> <p>Thanks for the reply. It's in a password protected area on a dev site, so I can't post it here. Where can I email that too?</p> <p>If I turn off AJAX in the shortcode (using do_shortcode), the page just reloads and the thanks message with a further call to action isn't visible, because it's in the hidden div. </p> https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-68153 Thu, 26 Jul 2012 23:06:20 +0000 Chris Hajer 68153@https://legacy.forums.gravityhelp.com/ <p>Can you share a link to the page with your form on it, so we can take a look? Thanks.</p> <p>If you turn off AJAX in the shortcode or function call, does everything work as expected? </p> https://legacy.forums.gravityhelp.com/topic/ajax-disrupting-my-jquery-function#post-68107 Thu, 26 Jul 2012 17:17:21 +0000 byjc 68107@https://legacy.forums.gravityhelp.com/ <p>I have a form that is hidden when the page loads, but displayed with an addClass function:<br /> <pre><code>jQuery(&quot;.talk-button&quot;).click(function () { jQuery(&quot;#lets-talk&quot;).addClass(&#39;on&#39;); });</code></pre> <p>This is working properly, as is a cancel button added as an html element in the form that hides the div again:<br /> <pre><code>jQuery(&quot;.talk-cancel&quot;).click(function () { jQuery(&quot;#lets-talk&quot;).removeClass(&#39;on&#39;); });</code></pre> <p>The form is submitted with AJAX and the notification that is displayed also shows a button with the .talk-cancel class, but that button isn't properly closing the window. I don't see any errors in my dev console. </p> <p>Any thoughts on why the AJAX form submit might be preventing my .removeClass function from working properly? </p>