Изменение размера Div/Class с новой добавленной высотой содержимого AJAX, когда высота страницы уже установлена ​​OnLoad

Question

Я потратил почти 24 часа на эту проблему, поэтому я надеюсь, что могу положиться на кого-то, у которого есть лучший дескриптор javascript и jquery, чтобы помочь.

Ситуация такова. У меня есть настройка типа слайд-шоу (слайдер 2.0 от Niall Doherty), который по существу автоматически настраивает высоту каждой панели/страницы на основе содержимого, которое находится на странице. Это отлично работает, за исключением тех случаев, когда у меня есть динамические данные, в этом конкретном случае я добавляю div через jquery POST Ajax, поэтому комментарии могут появляться без необходимости перезагрузки. Проблема, с которой я столкнулся, заключается в том, что, поскольку высота уже настроена на загрузку, новое содержимое не отображается или, скорее, отображается под видимым контентом (переполнение скрыто), поэтому мне нужно изменить размер основного div/класса принять во внимание новую информацию - и все в прессе кнопки «Новый комментарий».

Я думаю, что я придумал решение, в котором я использую функцию высоты jquery для измерения высоты контейнера div, который я использую для слайда, и затем соответствующим образом изменяю высоту этого div, но я считаю, что js выполняется при нажатии кнопки, и, таким образом, когда новый комментарий, наконец, добавляется через вызов ajax, он использует старую высоту, а не новую высоту.

Любая помощь будет оценена как в получении моей грубой взлома, так и в случае, если у вас появятся лучшие идеи о том, как справиться с этим более грациозно.

СПАСИБО !!!!

Answer 1

Один простой способ сделать это - вызвать функцию регулировки высоты из тега сценария внутри загруженного html. Если содержимое, загруженное через ajax, также находится в вашем элементе управления, то есть.

Answer 2

Я снимаю слепые без какого-либо кода, но я предполагаю, что вы захотите выполнить решение, с которым вы пришли после вызов ajax завершен. Таким образом,

$.post("action", { 
    data 
}, function() { 
    // DO THE CALCULATION HERE 
}); 

Это будет выполнено после завершения вызова AJAX.

Answer 3

Не видя соответствующих битов вашего JavaScript, трудно понять, что вы пытаетесь сделать. Тем не менее, вы можете выполнить функцию после успешного завершения вызова AJAX, используя опцию «success:» в вызове функции $.ajax(). например

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
    $('.result').html(data); 
    alert('Load was performed.'); 
    } 
}); 

Эта функция обратного вызова - это то, где вы должны поместить свой код изменения размера.

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