如何知道DIV中的所有元素是否已满载？

有一个div ，其中会有一些元素（图像，iframe等）通过Ajax加载。 在完全加载这些元素之后，我需要为div执行一个函数。

如何确定div所有元素是否已完全加载？

我使用jQuery作为库。

Answer 1

对于图像和iframe，您可以使用load事件：

 // get all images and iframes var $elems = $('#div').find('img, iframe'); // count them var elemsCount = $elems.length; // the loaded elements flag var loadedCount = 0; // attach the load event to elements $elems.on('load', function () { // increase the loaded count loadedCount++; // if loaded count flag is equal to elements count if (loadedCount == elemsCount) { // do what you want alert('elements loaded successfully'); } }); 

在通过Ajax将元素追加到#div元素后，应该执行上面的脚本。

Answer 2

请详细说明你的问题。 不同类型的元素有不同的方法。

对于iframe，请关注此主题， 如何检测iframe是否已加载？

图片http://api.jquery.com/load-event/

闪存取决于很多东西。 如何判断Flash是否加载到网站上？