Question

我的html页面中有三个垂直的并排容器，ID分别为1234,2345和3456.ID为1234的div内容包含在子div中，用户只能看到200个字符。点击一下链接剩余的隐藏字符将对用户可见。

所有三个div都有寄宿生，我希望所有div的高度在所有情况下都相等。我可以通过取1234的高度来设置2345的高度。页面第一次被加载。但是当用户点击时，我无法设置高度...阅读更多...＆＃39;或者＆＃39;显示更少..＆＃39;由jquery计算的高度的链接不是div的实际高度。

任何人都可以帮助我将第二个和第三个div的高度与第一个div一起内联吗？

我创造了一个小提琴来复制这个问题.Jquery＆amp; javascript我试图得到第一个div的高度是小提琴。

https://jsfiddle.net/sonashetty/nca7grfp/24/

$(window).bind("load", function() { 
         $(document).on( 'click', 'a', function () {           
              <!-- Actual height of this div is 802 px but below code is                 giving 67 px-->
              var height = $('#1234').outerHeight( true );
                    console.log(height)
                   $("#2345").height(height + 'px');    
           });

    });

Answer 1

请检查此https://jsfiddle.net/nca7grfp/25/

我删除了点击处理程序，而是添加了一个带有display flex

的包装器

<div style="display: flex;">

        <div class="col-xs-4....
</div>

无法在点击事件中获取动态创建的容器的高度

1 个答案: