使用jQuery抓取图像尺寸时遇到问题

Question

我很难掌握如何使用jQuery获取元素的维度.这是我的示例代码:

$(document).ready(function() {
        var width = $("#image_1").width();
        var height = $("#image_1").height();
        document.write(width);
        document.write(height);
    });  

我当然有一张ID为#image_1的图片.当我尝试运行它时会发生什么,它会输出两个零.不是两次,或者是两次未定义.

感谢javascript newb的帮助.

Answer 1

即使您已经选择了答案,我也会输入这个答案,这样您就可以理解为什么您之前的代码无效了.

jQuery的document.ready函数在加载图像之前触发.使用window.load代替......

$(window).load(function() {
  var width = $("#image_1").width();
  var height = $("#image_1").height();
  document.write(width);
  document.write(height);
});

对于它的价值,我认为最好使用jQuery来完成这项任务,因为它具有固有的跨浏览器功能.