Высота DIV на основе содержимого на слайдере на следующем слайде

Question

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

Это код им с помощью:

$('#super-slideshow-2').height($('.slider_area').height() + 'px'); 

Он отлично работает на первом слайде, но когда я перейти к следующему слайду и нажмите читать дальше div обвалы на себя. Я не знаю, что я могу сделать отсюда, я еще ничего не пробовал. Какие-либо предложения ?

Answer 1

Проблема в том, что вы получаете высоту первого .slider_area каждый раз, после того как вы покинули первый слайд, больше не видны и, вероятно, не имеют высоты. Вы должны соответствовать индексу каждого из них.

$('#super-slideshow-2').height($('.slider_area').eq(index).height() + 'px'); 

Где index является индекс слайда на шоу. Я не могу видеть свой код, но я предполагаю, что это что-то похожее на это:

var index = $('#super-slideshow-2 li.active').index(); 

Где li.active представляет собой слайд активно показывая на экране, предполагая, что $('#super-slideshow-2') является индексировать ul/ol