获取图像尺寸时出现问题

Question

我正在尝试获取某些图像的尺寸。有时我得到尺寸，有时我不知道。我相信这取决于图像是否已加载？

我正在尝试获取元素中图像的最大宽度和高度。这是代码：

        var maxImageHeight = 0;
        var maxImageWidth = 0;
        textElement.find("img").each(function() {
            console.log($(this).height());
            console.log($(this).width());
            if($(this).height() > maxImageHeight) {
                maxImageHeight = $(this).height(); 
            }
            if($(this).width() > maxImageWidth) {
                maxImageWidth = $(this).width(); 
            }
        });

有时console.log输出会产生正确的尺寸，有时只有0。

我想我必须以某种方式等待所有图像加载完毕？感谢您的帮助。

这是一个jsfiddle示例，它似乎每次都起作用。 https://jsfiddle.net/z0eayxfw/2/