Preloading the jquery page loaded by the load () method

Question

I am trying to do something like boxy or facebox or lightbox ... and so on. The only problem is that I don’t know how to preload the page loaded into the window using the load () method.

It should work as follows:

• A window appears
• Added loading animation
• When the page loads, the animation disappears

So, I need to know when the page loads to remove the animation.

Answer 1

var function_for_display_animation = function(){
   //display animation
}
var function_for_remove_animation = function(){
   //remove animation
}

function_for_display_animation();
$(selector).load('page.php',function_for_remove_animation);

or

$().ajaxSend(function(evt, request, settings){
    //start animation
});

$().ajaxComplete(function(event,request, settings){
    //end animation
 });

$(selector).load('page.php', function(){
    //work
});

Answer 2

, , , , , , .

, . JavaScript.

, $(document).ready() AJAX . AJAX JS .