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

Question

有一个div通过Ajax加载的元素(图像,iframe等).这些元素完全加载后,我需要执行一个函数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元素中之后,应该执行上面的脚本.