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

Question

我正在尝试做一些像四四方方的、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
});