Question

$("#page").ajaxStart(function(){
   $("#loading").show();
}); 
$('#page').load('target.html', function() {
    $("#loading").hide();
}

This is how I load my target page, but this AJAX function only loads scripts, not all nodes inside it. How to load a page with all its nodes, like images, etc. Is it possible?

The page loads but images in it starts loading way after. What I need is to load the elements inside it just like a swf movie.

Answer 1

First off, you’re missing a closing “);” so i’ve added that…

$("#page").ajaxStart(function(){
   $("#loading").show();
}); 
$('#page').load('target.html', function() {
   $("#loading").hide();
});

Does this fix the problem? .load should load the whole page.
Check if there are issues with your target.html page.

If you’re trying to load all the images before you show the page or something, check this:

jquery event once all images are loaded (including cached images)?