Как вычислить высоту картинки, подгруженной через Ajax?

Question

[Konyuh]

Есть изображение, подгруженное на страницу через Ajax jquery:

<div id="content">
    <img src="..." alt="" id="contentImg">
</div>

Нужно через метод height() jquery вычислить высоту изображения #contentImg. Обращение вида $("#contentImg").height() не работает. Как обратиться к данному изображению?

Answer 1

[Владимир Е]

Обращение вида $("#contentImg").height() не работает.

А где размещено это обращение?

Попробуйте в success после получения ответа и отрисовки изображения вставить
console.log($("#contentImg").height());

Comments

[Konyuh]

Пробовал так в succsess делать - console.log($("#contentImg").height()) возвращает 0. Единственное, может это из-за того, что не дожидался отрисовки самой картинки. А как в JQuery можно дождаться отрисовки?

[Владимир Е]

Из простого, могу посоветовать SetTimeout
Но это костыль
Вернее будет использовать MutationObserver

Ссыль с инфо

[Konyuh]

Все сделал, пашет) Дожидаюсь загрузки изображения вот так:

var img = new Image();
img.src = "путь к картинке";
img.onload = function(){
    console.log($("#contentImg").height());
}

Спасибо за наводки :)

Answer 2

[IvanU7n]

видимо имеется ввиду naturalHeight, как обратиться к нему через jQuery не знаю, но всегда есть$('selector')[0].naturalHeight, правда зачем тогда этот самый jQuery

Comments

[Konyuh]

Нет, загвоздка в том, что Jquery не видит контента, подгруженного через Ajax, и обращение $('selector') не сработает вообще.

[IvanU7n]

Konyuh, так что загружается: изображение или кусок разметки с изображением внутри?

[Konyuh]

IvanU7n, вообще загружается вся разметка с изображением, да.

[IvanU7n]

Konyuh, тогда разметку нужно добавить в документ и тогда всё внутри неё будет доступно, по крайней мере для стандартных DOM-методов, без этого шага это просто кусок текста

[Alexandroppolus]

Konyuh, надо воткнуть этот кусок хтмл куда-нибудь на страницу, картинка подгрузится (надо дождаться этого момента) и ты сможешь глянуть naturalHeight

[Konyuh]

Дело в том, что контейнер, в который подгружается разметка, имеет фиксированную высоту height 120 px, заданную в css.

[IvanU7n]

Konyuh, и? не вижу вообще проблем в фиксированной высоте контейнера, картинка всё равно должна подгрузиться, если конечно какой-то вариант ленивой загрузки не применён, но тогда это отдельная тема