javascript - 加载完所有元素(由ajax调用)后如何调用函数？

Question

我想在加载完ajax调用的div中的所有元素时调用一个函数。查询:

$('#load-div').load('ex-page.php');
$('#load-div').ready(function(){
     alert('loaded');   
});

我也试过其他的方式，比如:load(), on('load'), $elems = $('#main').find('img'),... 但是它不工作或者不完全(当加载主文档时调用该函数，当加载 img 或某些 div 的背景时，...)。

Answer 1

参见 https://api.jquery.com/load/

您可以将第二个参数传递给 load()，这是在加载资源时调用的函数:

$('#load-div').load('ex-page.php', function(){
  alert('loaded');   
});

针对以下评论进行了编辑:

$(function() { // when document is ready
  $('#load-div').load('ex-page.php', function(){ // do the ajax call and alert when it's loaded
      alert('loaded');   
  });
});