JQuery - 等待图像加载不起作用

Question

我需要在页面上获取图像的高度，并且只有在加载图像后才尝试这样做。但是，对于页面上的某些图像，我似乎仍然得到0的高度。这是我的代码：

   carousel_img.on('load', function(){
         setCarouselImageMargins(carousel_img, carousel_width);
   });

   function setCarouselImageMargins(image, width){
         var carousel_left_margin = (image.width()-parseInt(width))/2*-1;
         image.css('margin-left', carousel_left_margin);
         console.log('carousel image width: ' + image.width()); // this is returning 0
         console.log('carousel_left_margin: ' + carousel_left_margin);
   }

还有另一种方法可以确保图像在页面上完全加载吗？

Answer 1

你可以在

后完成

   $( document ).ready(function() {
      setCarouselImageMargins(carousel_img, carousel_width);
   });