javascript - 加载所有元素（由ajax调用）后如何调用函数？

Question

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

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

我还尝试了其他方法，例如：load(), on('load'), $elems = $('#main').find('img'),... 但它不起作用或不完全正确（函数在加载主文档时调用，当加载某些 div 的 img 或背景时，...）。

标签： javascriptjqueryhtml

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