https://legacy.forums.gravityhelp.com/topic/loading-gforms-via-jquery-load-prevents-ajax-submit-from-working-correctly Gravity Support Forums Topic: Loading GForms via jquery .load() prevents ajax submit from working correctly en-US Sat, 04 Apr 2026 11:10:16 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/loading-gforms-via-jquery-load-prevents-ajax-submit-from-working-correctly#post-68848 Tue, 31 Jul 2012 18:07:45 +0000 Chris Hajer 68848@https://legacy.forums.gravityhelp.com/ <p>Thank you for extending on the little assistance I provided. Glad you got that working. </p> https://legacy.forums.gravityhelp.com/topic/loading-gforms-via-jquery-load-prevents-ajax-submit-from-working-correctly#post-68809 Tue, 31 Jul 2012 14:54:59 +0000 kubante 68809@https://legacy.forums.gravityhelp.com/ <p>Hey ! thanks for your reply. Actually your hint put me on the right track. In the end I managed to do it following the concept described here:</p> <p><a href="http://wp.tutsplus.com/tutorials/getting-loopy-ajax-powered-loops-with-jquery-and-wordpress/" rel="nofollow">http://wp.tutsplus.com/tutorials/getting-loopy-ajax-powered-loops-with-jquery-and-wordpress/</a></p> <p>Basically, if you want to insert posts (of course also posts that include forms) dynamically (and you want every bit of the post / form working, including its javascripts), you need to build an own wp_query and include it via a basic ajax request that looks more or less like this: </p> <pre><code>$.ajax({ type : &quot;GET&quot;, data : {numPosts : 1, pageNumber: page}, dataType : &quot;html&quot;, url : &quot;http://WWW.YOURSITE.COM/wp-content/themes/YOUR_THEME_NAME/loopHandler.php&quot;,</code></pre> <p>Hope this helps,</p> <p>regards,</p> <p>kubante </p> https://legacy.forums.gravityhelp.com/topic/loading-gforms-via-jquery-load-prevents-ajax-submit-from-working-correctly#post-68402 Sun, 29 Jul 2012 01:49:49 +0000 Chris Hajer 68402@https://legacy.forums.gravityhelp.com/ <p>Will any of these JavaScript related events help you? I'm not exactly certain what you're trying to do or where the pitfalls lie.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Developer_Docs#Javascript" rel="nofollow">http://www.gravityhelp.com/documentation/page/Developer_Docs#Javascript</a> </p> https://legacy.forums.gravityhelp.com/topic/loading-gforms-via-jquery-load-prevents-ajax-submit-from-working-correctly#post-68248 Fri, 27 Jul 2012 14:21:17 +0000 kubante 68248@https://legacy.forums.gravityhelp.com/ <p>Hi there! </p> <p>I guess my title says it all. Just read it once more. Its all in there :) And it also makes sense. After having googled extensively i discovered that .load() won´t load in the respective javascript and thus content using javascript won´t work in the new environment (e.g. the div where i loaded my form in). </p> <p>Anyhow, just to give you a more specific idea of my situation: I have a post with my form (embedded by shortcore). I am loading this post dynamically into my page. Everything works, HTML, CSS, and even the AJAX submission. Yes it works, (I actually get a post uplaoded), but it won´t reload nor do anything once the upload is done, leaving my users with still the form in front of them. </p> <p>NOW MY QUESTION: :) </p> <p>Is there a javascript function call I can trigger after .load() (or in the load callback) in order to give my newly loaded form all the javascript bits it needs, to correctly perform its ajax submit? And if yes, which one? </p> <p>That said, thanks ahead for any hint or help!!! </p> <p>Hope we can get this working, I am sure it will be interesting for others as well. </p> <p>regards,</p> <p>kubante </p>