Обновление поля div по отношению к высоте div, который динамически изменяется

Question

Мне интересно, возможно ли это с помощью jQuery или JS.

У меня есть поле, установленное на div, которое задается путем получения высоты контейнера, содержащего изображения.

var articleImageHeight = $('.slides_control').height(); 
$('.individual-article-contents').css('margin-top', articleImageHeight); 

Однако изображения контейнера являются, по существу, слайдером, поэтому высота этого контейнера может измениться.

Мне интересно, можно ли изменить переменную articleImageHeight в соответствии с изменением высоты контейнера?

Я использую slidesJS для ползунка в контейнере.

Вот пример того, что я работаю над: http://goo.gl/FdftC

Большое спасибо, R

Answer 1

То, что я бы, вероятно, сделать для этого, чтобы добавить фрагмент сценария как функции, а затем вызвать которая работает при каждом изменении слайда. Это означает, что вам нужно внести небольшую модификацию в плагин. Взглянув на вилку, главная функция анимации просто называется animate().

Так как быстрый пример

updateHeight = function(){ 
    articleImageHeight = $('.slides_control').height(); 
    $('.individual-article-contents').css('margin-top', articleImageHeight); 
} 

выше добавляют свою лепту в функцию, а затем добавить updateHeight(); в строку 236 ... если вы используете не-уменьшенную версию плагина.

Чуть выше линии, которая говорит } // end animate function

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

---- EDIT ---- Просто обновление ... мы нашли обратный вызов animateComplete() на плагин, который работал очарование.