Question

I am loading an entire middle div via JQuery Ajax call and I simply want to run $(document).ready on the loaded page

header.php loads part of the page

var $next = $("<div class='nextab center'>").insertAfter('#content .current');
        $next.load($this.attr('href')+ ' #content .center section' , function(resp) { ...

}

so for example when header.php loads career.php it does not run all the code that is inside the $(document).ready(function(){ that is on career.php

I was thinking of creating a function init on each page loaded but not sure how to call this function from the load callback

Thanks

Answer 1

function YourActionOnDocumentReady(){
   // write whatever you want to do     
}

And in document ready call the above function

$(document).ready(function(){
    YourActionOnDocumentReady();
});

And use ajaxStop function to run the same code

$(document).ajaxStop(function(){
     YourActionOnDocumentReady();
});

Hope it helps…