JQuery : 다른 요소를 기준으로 높이 변경

두 개의 DIV가 있습니다. 하나의 DIV가 브라우저 (반응 형 디자인)에 따라 동적으로 크기가 바뀌고 다른 DIV가 첫 번째 DIV의 높이를 기준으로 높이를 수정하기를 원합니다. 이 작업을 수행하는 가장 쉬운 방법은 동적으로 높이를 변경하는 JQuery를 사용하는 것이라고 생각했습니다.JQuery : 다른 요소를 기준으로 높이 변경

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

그러나, 그 코드가 작동하지 않는 :

나는 다음 시도했다. 다양한 다른 버전의 작업도 없습니다.

내 질문은 : 어떻게 주어진 요소에 대한 모든 속성을 변경하지 않고 하나의 CSS 속성을 바꿀 수 있습니까?

EDIT : 이것은 ... 동적 제 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%;

출처

2012-06-06 Justin

$('section#div2').css('height', $('section#div1').height()+'px');

출처

2012-06-06 02:32:35

나는 이것을 시도했지만 여전히 작동하지 않았다. 어떤 영향을 미칠 경우 첫 번째 div에 대한 동적 코드로 질문을 업데이트 할 예정입니다. 기본적으로 나열된 코드를 시도했을 때 페이지가 같았을 때 높이가 변경되지 않았습니다. 짐을 실은. – Justin

html 마크 업은 실제로 조금 더 중요합니다. jQuery를 업데이트하려고합니다. 기본적으로 섹션 # div2의 높이를 섹션 # div1과 동일하게하고 싶습니다. –

예, 그래도 작동하지 않습니다. 높이가 기술적으로 0이기 때문에 문제는 첫 번째 DIV가 코딩되는 방식 일 수 있다고 생각합니다. 하지만, 내면의 DIV (100 % 임)와 동일하게 설정하려고 시도했지만 여전히 작동하지 않습니다 ... 지금까지의 아이디어에 감사드립니다! – Justin

사용이 :

$('section#div2').height($('section#div1').height());

출처

2012-06-06 02:35:18 Will

나는이게 무슨 뜻인지 모르겠다. 미안해! – Justin

그냥 사용해 보시겠습니까? 이것은 높이를 설정하고 가져 오는 jquery 높이 함수입니다. 그 줄만 있으면됩니다. – Will

예,하지만 첫 번째 DIV를 전혀 참조하지 않으므로 그 높이가 어떻게됩니까? 나는 그것을 시도했지만 아무 것도하지 않았다. 어딘가에있는 위의 CSS 선택기에 이것을 포함 시키려고 했습니까? – Justin

JQuery : 다른 요소를 기준으로 높이 변경

답변

관련 문제