添加動態文本框時更新動態高度

我的頁面上有2個浮動div，讓我們稱它們爲div.left和div.right。我正在使用jQuery將div.right的高度添加到div.left。添加動態文本框時更新動態高度

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'); 
    });

我用這來添加文本框http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

如何將更新div.left的高度div.right增加？

來源

2013-10-24 Dale

試試這個：

添加下面一行在$（「＃Add按鈕」）結束點擊（函數（）{和$（「＃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

添加動態文本框時更新動態高度

回答

相關問題