Question

我有一些不小的图像，在将它们加载到各自的div中之后，我需要使用jQuery来获取它们的高度和宽度。之前已经问过这个问题，我尝试了许多建议。例如：建议使用以下代码，并且该代码只能在每次刷新页面时间歇地工作：

jQuery(function() {
  jQuery(".youtube-image-thumbnail img").on('load', function() {
    console.log(jQuery(this).height());
  });

});

此解决方案根本不起作用

jQuery(function() {
  console.log('here')
  jQuery(".youtube-image-thumbnail img").bind('load', function() {
    console.log(jQuery(this).height());
  });
});

我的html元素如下所示：

<div class="youtube-image-thumbnail">
<img src="/youtube_image/public/video_thumbnails/exvLChu1-fk.jpg?itok=q0nFDq8g" alt="" typeof="foaf:Image" class="img-responsive">
</div>

这里是JsFiddle snippet 我是否有任何遗漏，还是有更好的声音解决方案？

Answer 1

在绑定img时，它已经被加载。

如果您先绑定它，此方法将起作用。

在这个示例中，[https://jsfiddle.net/oxdqe42L/4/]在绑定之后我更改了img的源，然后加载事件触发了绑定的处理程序

图像完全加载后如何获得较高的图像？

1 个答案: