Невозможно получить ширину элемента абсолютного положения с помощью 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

Ref: https://api.jquery.com/load-event/ и https://learn.jquery.com/using-jquery-core/document-ready/

Событие нагрузки передается элементу, когда его и все вложенные элементы были полностью загружены. Это событие может быть отправлено любому элементу , связанному с URL-адресом: изображениями, сценариями, фреймами, фреймами и окном .