0

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

将高度添加到 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 的高度？

4

1 回答 1

0

尝试这个 ：

在$("#addButton").click(function () {和 $("#removeButton").click(function () {函数的末尾添加以下行 （您将从这段代码中获得这两个函数： 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-24T15:08:01.057 回答