Получение ширины элемента в Chrome с использованием jQuery

Question

Предположим, у меня есть это изображение:

<img src="images/01.jpg" border="0" rel="shadow" />

Затем с помощью jQuery я получаю его ширину, используя:

$('[rel="shadow"]').width();

Firefox и IE сообщают о правильных размерах изображения, например 140px, а Chrome сообщает 0. Как решить эту проблему?

Примечание

Я не хочу устанавливать явную ширину для изображений, например:

<img src="images/01.jpg" border="0" rel="shadow" width="140" />

Итак, как получить ширину кросс-браузерным способом, который не определен в width атрибуте элементов?

Answer 1

$(window).load(
    function() {
        alert($('img').width());
    }
);

Это будет работать: Контрольный пример . По сути, он будет ждать загрузки изображений, прежде чем выполнять код (когда функция готовности запускает документ полностью загружен, а изображения нет).