동적 텍스트 상자를 추가 할 때 동적 높이 업데이트

내 페이지에 2 개의 부동 div가 있으며 div.left 및 div.right라고 부를 수 있습니다. 나는 div.left에 div.right의 높이를 추가하기 위해 jQuery를 사용하고있다.동적 텍스트 상자를 추가 할 때 동적 높이 업데이트

div.right는 기본적으로 입력 필드로 가득차 있으며 jquery를 사용하여 버튼 클릭시 추가 텍스트 상자를 추가하고 있습니다. 문제는 div.left의 높이가 업데이트되지 않는 텍스트 상자를 추가 할 때입니다.

내 HTML의 기본 버전은 다음과 같습니다

<div class="left" style="float:left"></div> 
    <div class="right" style="float:right"> 
     <input type="text" name="textbox" /> 
     <input type='button' value='Add another' id='AddButton'> 
    </div> 
    <div style="clear:both;"></div>

이 경우 #AddButton 다른 텍스트 상자를 추가합니다.

JQuery와 높이가 div.left에 추가합니다 :

 $(window).load(function() { 
     var MainHeight = $('div.left'); 
     $('div.right').css('height', (MainHeight.height()) + 'px'); 
    });

나는 어떻게 div.right 증가함에 따라 div.left의 높이를 업데이트 할 것입니다이 텍스트 상자 http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

을 추가 사용하고?

출처

2013-10-24 Dale

이 시도 :

이

이 $ ("# addButton")의 끝에 선 아래 추가 (함수() { 및 $ ("#의 removeButton")을 클릭() {(기능을 클릭합니다.. 기능 (이 두 가지 기능은이 코드에서 얻을 것이다 : http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/)

$('div.right').height($('#TextBoxesGroup').height());

또는 같은 높이를 설정하는 DIV ID를 사용 아래

$('#rightDivID').height($('#leftDivID').height());

질문이 있으시면 알려주십시오.

감사합니다 ...

출처

2013-10-24 15:08:01

동적 텍스트 상자를 추가 할 때 동적 높이 업데이트

답변

관련 문제