Вопрос по jquery, css – JQuery: изменение высоты на основе другого элемента

7

У меня есть два DIV: один DIV динамически изменяет размер в зависимости от браузера (адаптивный дизайн), и я хочу, чтобы другой DIV изменял его высоту в зависимости от высоты первого DIV. Я думал, что самый простой способ сделать это - использовать JQuery для динамического изменения высоты.

Я попробовал следующее:

$('section#div2').css({height:$(this).css('height').replace($('section#div1 div.div1_container').height()+'px')});

Однако этот код не работает. Также не работают различные другие версии этого.

Мой вопрос: как я могу заменить одно свойство CSS, не изменяя все свойства для данного элемента?

РЕДАКТИРОВАТЬ: Вот как кодируется динамический первый DIV ...

Первый первый контейнер DIV:

position: relative;
padding-bottom: 50%;
padding-top: 30px; height: 0; overflow: hidden;
margin:0 0.7em 0 0.7em;

Затем внутренний объект в этом контейнере (может не иметь отношения):

position:absolute;
top:0;
left:0;
width:100%;
height:100%;

Ваш Ответ

2   ответа
7

$('section#div2').css('height', $('section#div1').height()+'px');
Error: User Rate Limit Exceeded Justin
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Justin
Error: User Rate Limit Exceeded Justin
2

$('section#div2').height($('section#div1').height());
Error: User Rate Limit Exceeded Justin
Error: User Rate Limit Exceeded Justin
Error: User Rate Limit Exceededjquery 1.7 sourceError: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Justin
Error: User Rate Limit Exceeded Justin

Похожие вопросы