Высота Div не изменяется после завершения вызова AJAX

Question

Я хотел увеличить высоту моего div (id = scroller) и установить его в конце функции обратного вызова. В функции обратного вызова success я динамически внедряю некоторые внутренние элементы div, содержащиеся в элементе «scroller».

Высота прокрутки div по умолчанию составляет 400 пикселей. Динамически это происходит, например, как 900px, тогда он должен быть установлен как 900px.

height = $('#content').innerHeight();     
alert("outside: " + height);   
$('#scroller').css('height', height + "px");  

Пока все хорошо. Теперь, это изменение размера работает, если у меня есть предупреждение. Если я удалю предупреждение, оно не изменит себя.

В чем может быть проблема?

Заранее спасибо.

P.S. height: auto не работает, может быть, потому что я ожидаю эту функцию на эмуляторе / мобильном телефоне Android и разрабатываю мобильное приложение с помощью Phonegap.

Answer 1

как насчет создания нового div, загрузки в него ваших данных и последующего использования метода jQuery replaceWith () для замены старого содержимого div новым. Это может быть одним из способов заставить браузер пересчитать высоту (нового) содержимого div и всего вокруг него. Что-то вроде:

var newContent = $('<div id="content"></div>').load(toLoad,'',showNewContent());
$('#content').replaceWith(newContent);