javascript - jquery 未获取服务器上的图像值

Question

我有这个 javascript，它应该获取图像的实际宽度和高度。当我在快照 上的 127.0.0.1:8000 控制台日志上进行本地测试时，它可以工作。但在服务器上失败 返回 0 作为图像宽度和高度。

尝试将代码嵌套在 jquery 中，但它确实在图像完全加载之前触发，所以我相信这就是问题所在。

这是 JavaScript

$(function() { 
    $(document).ready(function() { 
        $('.lynk-section img').each(function() {
            var width = $(this)[0].naturalWidth;
            console.log(width);
            //$(this).css('max-width', width+'px');

            var height = $(this)[0].naturalHeight;
            console.log(height);
            //$(this).css('max-height', height+'px');
        });
    });

});

Answer 1

$(function() { 和 $(document).ready(function() {) 是同一件事(第一个是简写)，你只需需要一个。但无论如何，这只会等待页面中出现所有 HTML 代码，而不是加载资源。正如 @Rory 所说，window.load 将等待图像被加载，这样你就可以获取它们的尺寸。