JavaScript/JQuery—加载新的img src后如何获取img高度？

我有一个自定义旋转木马，我正在工作，下面是一些部分的代码。。。这是一个巨大的例子，所以我不会费心把一个完整的工作

无论如何，我从php传递了一个JSON对象，其中包含图像的文件名。单击右箭头时，元素

<img id="carousel_image" src="http://example.org/image/image.jpg" />

两个日志都返回1000，即单击之前原始图像的高度。如何获得新图像的真实高度（一旦完全加载）

---

谢谢你的帮助

您需要使用

load

事件，而不是

ready

，在呈现

DOM

时会触发ready<当图像加载到

img

元素时，会触发code>load

---

你不仅教会了我一些新的东西，而且解决了我的问题（并把我带到了下一个问题）！啊哈

$('#arrow_right').click(function(){
        $('#carousel_image').attr('src', storedSlides[currentSlide]);
        $('#carousel_image').ready(function(){
           console.log($('#carousel_image').height()); //returns 1000
        });
        console.log($('#carousel_image').height()); //returns 1000
    });

$('#arrow_right').click(function(){
    $('#carousel_image').attr('src', storedSlides[currentSlide]);
    $('#carousel_image').on("load", function(){
       console.log($('#carousel_image').height());
    });
    console.log($('#carousel_image').height());
});