Question

在我的页面上我有两个浮动的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将添加另一个文本框。

为div.left添加高度的jQuery：

     $(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.right增加时，我如何更新div.left的高度？

Answer 1

试试这个：

在 $（“＃addButton”）的末尾添加以下行。点击（function（）{和 $（“＃removeButton”）。click（function（）{< / strong> functions（您将从此代码中获取这两个函数：http://www.naragoni.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/）

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

或使用div id设置高度，如下所示

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

如果您有任何疑问，请与我们联系。

谢谢...

添加动态文本框时更新动态高度

1 个答案: