Question

我的标记中有一个图片字段。我正在使用 jquery 设置其来源。我需要它的高度和宽度。因为我使用了 image.height（）和 image.width（）方法。它适用于 mozilla 但不适用于 chrome ，我尝试过 image.height 和 image.width 方法，但没有任何价值。我也试过将 prop 方法改为 attr 来设置图像 src ，但它也给了我相同的结果。我在这里粘贴我的代码。

HTML

<div>
<img src class="my-image"/>
</div>

Jquery的

$(document).ready(function(){
var img = $(".my-image");
imageWidth = $('.my-image').width();
        imageHeight = $('my-image').height();
        alert(imageHeight);
});

这里的错误是什么？任何帮助表示赞赏

Answer 1

图片尚未在$(document).ready();上加载，此时元素的尺寸为0px 0px。为了确保加载图像，请使用$(window).load();事件而不是文档就绪。

$(window).on("load", function(){
    var img = $(".my-image"),
        imageWidth = $('.product-image-og-size').width(),
        imageHeight = $('img.product-image-og-size').height();
        alert(imageHeight);
});

img.height（）和img.width（）在chrome中返回0，但在mozilla

1 个答案: