jquery - padding, чтобы соответствовать высоте другого div

Question

У меня есть ситуация, когда мне нужен DIV, чтобы иметь padding-bottom, равную высоте другого DIV, может ли кто-нибудь помочь мне с тем, как это сделать с JQuery?

(Причина в том, что я использую вилку Masonry JQuery, в которой есть div #container, который изменяет ширину в соответствии с общей шириной всех кирпичей «кирпичей» внутри нее. У меня также есть ползунок внутри что #container DIV, который изменяет размер с помощью #container DIV при изменении размера окна браузера. Проблема заключается в том, что вилка кладки устанавливает высоту # контейнера DIV в соответствии с общей высотой кирпичной кладки внутри, но doesn 't принять во внимание слайдер, так что #container div недостаточно высок, чтобы содержать все. - Это исправлено, если я добавлю «padding-bottom» в контейнер DIV, чтобы он соответствовал высоте ползунка #, однако, когда размер окна меньше, нижний слой слишком большой.)

структура (основной):

<div id="container"> 
    <div id="slider-wrap"></div> 
    <div id="masonry-wrap"></div> 
</div><!-- END container --> 

Я надеюсь, что я объяснил это правильно для кого-то, чтобы понять и помочь.

Заранее благодарен!

Answer 1

Вы можете установить padding-top свойство через css с помощью jQuery: JQuery:

$("#div1").css({"padding-top": $("#anotherdiv").height() }); 

С HTML-то вроде этого:

<div id="div1" height="400px;"> 

</div> 

<div id="anotherdiv"> 

</div>