无法使用jquery获取绝对位置元素的宽度

时间:2015-06-16 20:53:34

标签: jquery width absolute

请帮助我,我无法使用jquery获取绝对位置元素的宽度。我的元素通过CSS使用:height: 100%width: auto

我使用$(element).width()但获得0。 以下是一个示例:http://codepen.io/anon/pen/LVjBvz

我需要元素取内部图像的宽度。此图像有4000x800px,但我使用宽度:100%和高度:自动在css中以全屏显示图像

1 个答案:

答案 0 :(得分:0)

您的代码在图像更改为完全加载之前正在执行。使用$(window).load(等待它完成:

$(window).load(function () {
    var contimg;
    contimg = $('#cont_img');
    ancho = contimg.width();
    alert(ancho);
})

<强> jsFiddle example

参考:https://api.jquery.com/load-event/https://learn.jquery.com/using-jquery-core/document-ready/

  

当load元素和所有子元素都有时,load事件被发送到元素   已完全装满。此事件可以发送到任何元素   与URL相关联:图像,脚本,框架,iframe和   窗口对象。