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

Question

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

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

我需要元素采用内部图像的宽度。这张图片有 4000x800px 但我在 css 中使用 width:100% 和 height:auto 来全屏显示图片

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 和 窗口对象。