无法通过jquery获取绝对位置元素的宽度

Question

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

我使用$(element).width()但得到0. 下面是一个例子：http://codepen.io/anon/pen/LVjBvz

我所需要的元件采取内部图像的宽度。这个图像有4000x800px，但我使用宽度：100％和高度：自动在CSS中以全屏显示图像

Answer 1

您的代码在图像更改完全加载之前正在执行。使用$(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/

负载事件被发送到一个元素时，它和所有的子元素已完全加载 。此事件可以发送到与URL相关联的任何元素 ：图像，脚本，框架，iframe和窗口对象。