Loading GForms via jquery .load() prevents ajax submit from working correctly

Hi there!

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).

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.

NOW MY QUESTION: :)

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?

That said, thanks ahead for any hint or help!!!

Hope we can get this working, I am sure it will be interesting for others as well.

regards,

kubante

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:

http://wp.tutsplus.com/tutorials/getting-loopy-ajax-powered-loops-with-jquery-and-wordpress/

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:

$.ajax({
                type       : "GET",
                data       : {numPosts : 1, pageNumber: page},
                dataType   : "html",
                url        : "http://WWW.YOURSITE.COM/wp-content/themes/YOUR_THEME_NAME/loopHandler.php",

Hope this helps,

regards,

kubante