在控制檯中工作，但不在.js文件中

Question

我想爲我的圖像添加寬度和高度屬性;我使用的jQuery在控制檯中工作，但不在鏈接的.js文件中。我已經嘗試過，並且不起作用。

$(document).ready(function() { 
    $('.media-box-image').each(function() { 

     var $width = $('.media-box-image').width(); 
     var $height = $('.media-box-image').height(); 
     var $this = $(this).find('img'); 

     $this.attr('width', $width); 
     $this.attr('height', $height); 
    }); 
}); 

我也試過，但它也沒有工作

$(document).ready(function() { 
    $('.media-box-image').each().on('load', function() { 

     var $width = $('.media-box-image').width(); 
     var $height = $('.media-box-image').height(); 
     var $this = $(this).find('img'); 

     $this.attr('width', $width); 
     $this.attr('height', $height); 
    }); 
}); 

我檢查了控制檯，但似乎一切都很好。我還可以做些什麼？

Answer 1

我已經回答了我的問題：我做了以下內容和它完美的作品

$(window).load(function() { 
    // Run code 
    $('.media-box-image').each(function() { 
     var $width = $('.media-box-image').width(); 
     var $height = $('.media-box-image').height(); 
     var $this = $(this).find('img'); 

     $this.attr('width', $width); 
     $this.attr('height', $height); 
    }); 
}); 

Answer 2

當在初始頁面加載循環中執行文檔就緒回調時，頁面將不會完成加載圖像數據。

由於沒有圖像數據，圖像既沒有寬度也沒有高度。

使用$(window).on('load'...)，而不是$(document).ready(...)