Как найти размеры dom-узла перед его созданием?

Question

Есть список <ul>, который я получаю через XHR и вставляю в другой узел (<div>). Этот список каждый раз имеет разное количество элементов (поэтому высота результирующего узла меняется).

Я бы хотел оживить <div>, в который я вставляю этот список, так как он принимает новую высоту. Итак, допустим, что div изначально был 100px, а высота списка, полученного в XHR, будет 150px, <div> должен плавно расширяться до новой высоты 150px.

Чтобы сделать это, мне нужна высота отображаемого списка (с учетом всех стилей страницы), прежде чем он будет фактически отображен. Вопрос : (а) как бы вы нашли высоту, (б) видите ли вы другой способ сделать эту анимацию, и (в) это вообще возможно?

Answer 1

а) насколько я знаю, невозможно точно определить высоту еще не отрисованного элемента
б) С помощью jQuery> slideUp > и slideDown это вполне выполнимо, вы используете фреймворк?
в) да, вам, возможно, придется поместить div-обертку вокруг зависимости от того, как вы это делаете.

Подробнее:
Путем помещенияОберните

вокруг вашего