jquery预加载通过load()方法加载的页面

Question

我正在尝试像boxy或facebox或lightbox这样的东西......等等.唯一的问题是我不知道如何通过load()方法预加载加载到框中的页面.

它应该像这样工作:

1. 它弹出盒子
2. 加载动画已添加
3. 加载页面时,动画消失

所以我需要知道何时加载页面以删除动画.

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

或者：

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

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

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