Динамическая высота элемента div возвращает 0 после добавления

Question

Динамическая высота элемента div возвращает 0 после добавления

0

Это часть моего кода. Он находится внутри цикла.

{//just to show its inside loop
ph = "<a id=\"" + id + "\" class=\"polaroid\" href=\"" + 
src + ".jpg\"><img src=\"" + src + "_q.jpg\"><p>" + item.title + "</p></a>";
$("#images").append(ph);
}

как только он запускается, он добавляет ph в div div, однако, когда я вызываю $ ("# images"). height(); он возвращает 0. Я поместил вызов на высоту вне div, после того как все элементы были добавлены, и он все равно возвращает 0. любые идеи будут оценены. Кроме того, "#images" не создается динамически, просто динамически заполняется.

вот мой html:

<body><div id="images"></div>

user2975403 10 нояб. 2013, в 05:39

Источник

2

Одной из возможных причин является то, что height могла быть вызвана до загрузки области изображений
Arun P Johny 10 нояб. 2013, в 04:28
0

Если вы знаете высоту изображений, можете добавить атрибут высоты к тегу изображения или сделать это в css .... следует разрешить вызовы перед загрузкой изображения
charlietfl 10 нояб. 2013, в 04:30
0

Я тоже думал об этом, поэтому я назвал высоту после цикла (снаружи), но он по-прежнему возвращает 0. Когда я проверяю dom на инспекторе (firefox), он показывает, что все элементы были добавлены в #images, но по-прежнему возвращает 0.
user2975403 10 нояб. 2013, в 04:44

Показать ещё 1 комментарий

Теги:

jquery

html

dynamic

height

2 ответа

0

Будет что-то вроде этой работы?

$(document).ready(function() {
    for(var i=0;i<3;i++)
    {
        ph = "<img src=\"http://placekitten.com/g/30/30\" alt=\"\" />";
        $("#images").append(ph);
    }

    $("img").one('load', function() {
        $("#height").html($("#images").height());
    });
});

Magnus Engdal 10 нояб. 2013, в 08:30

0

Это все еще возвращает 0; но я заметил кое-что странное, когда я делаю $ ("# images a"). height (); это возвращает меня
user2975403 10 нояб. 2013, в 15:08
0

Это все еще возвращает 0; но я заметил кое-что странное, когда я делаю '$ ("# images a"). height ();' он возвращает 212, что является высотой одного тел.
user2975403 10 нояб. 2013, в 15:15

Ещё вопросы

Одной из возможных причин является то, что height могла быть вызвана до загрузки области изображений
Если вы знаете высоту изображений, можете добавить атрибут высоты к тегу изображения или сделать это в css .... следует разрешить вызовы перед загрузкой изображения
Я тоже думал об этом, поэтому я назвал высоту после цикла (снаружи), но он по-прежнему возвращает 0. Когда я проверяю dom на инспекторе (firefox), он показывает, что все элементы были добавлены в #images, но по-прежнему возвращает 0.
Это все еще возвращает 0; но я заметил кое-что странное, когда я делаю $ ("# images a"). height (); это возвращает меня
Это все еще возвращает 0; но я заметил кое-что странное, когда я делаю '$ ("# images a"). height ();' он возвращает 212, что является высотой одного тел.

user2975403 · Accepted Answer · 2013-11-10T21-09-00.000Z

Увы, я понял, я добавил границы всем элементам (разные цвета), и я заметил, что, хотя в DOM он показывался как теги, находящиеся внутри #images div, они были вне границ #images, поэтому я пошел css и добавил overflow-y: auto, и они отображались внутри границы, и теперь я получаю значение от $ ("# images).height(). Благодарю вас, ребята, за вашу помощь, это позволило мне сосредоточиться на возможной причине и возможное решение.