jquery - load() 回调在加载完成之前返回

Question

在我的页面上，我有以下文档就绪功能:

$(document).ready(function(){
    $('a').click(function(){
       var toLoad = $(this).attr('href')+' #newdiv';        
       $('#mydiv').html('<p><img src="images/ajax-loader.gif" /></p>');
       $('#mydiv').load(toLoad, afterLoad());       

       function afterLoad() {
          alert('test');
       }         
       return false;        
    });
});

当点击链接时，目标链接中的#newdiv内容将加载到当前页面的#mydiv中。加载之前，我将 #mydiv 的当前内容替换为动画 gif。加载完成后，动画 gif 就会消失，新内容就会出现。所有这一切都运行良好。

但是，加载完成后，我想执行一个名为 afterLoad 的新函数。目前，我只添加了一个警报。奇怪的是，当仍然显示动画 gif 时，即当新内容仍在加载时，就会出现警报框。当新内容已经就位时，还有另一种方法来执行 afterLoad 吗？

Answer 1

更改为:

$('a').click(function(){
    var toLoad = $(this).attr('href')+' #newdiv';        
    $('#mydiv').html('<p><img src="images/ajax-loader.gif" /></p>');
    $('#mydiv').load(toLoad, afterLoad);
 });
function afterLoad() {
   alert('test');
}