Javascript 相应右侧div的图像高度计算

Javascript 相应右侧div的图像高度计算,javascript,jquery,html,Javascript,Jquery,Html,我有下面的html结构 <div class="container"> <div class="row"> <div class="col-md-6"> <div class="papers left text-center"> <img src="http://wowthemes.net/demo/leroy/img/dummie

我有下面的
html
结构

<div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="papers left text-center">
                    <img src="http://wowthemes.net/demo/leroy/img/dummies/18.jpg" class="imgs" alt=""><br />
                </div>
            </div>
            <div class="col-md-6">
                <div class="papers right text-center">
                    <h4 class="notopmarg nobotmarg">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</h4>
                </div>
            </div>
        </div>
</div>
但不幸的是,我没能成功。我不知道为什么,但是上面的代码没有响应,即使是在
$(document.ready()
中编写之后。令我大吃一惊的是,当我在分配
高度之前保持
警报时,它就起作用了。所以我也尝试了
setTimeout
,但即使这样也不起作用。这种方法还有其他选择吗?如果可能,请解释为什么不起作用


更新

这不是问题链接的重复,因为它是纯
CSS
解决方案,我在这里处理的是一些
jquery
技术,链接答案中提到的任何解决方案都不适合我。我无法在fiddle中重现此问题,因为它也是整个站点特有的,而
jquery
可能是解决此问题的一种可能的方法。

您的
css()
语法不正确。当使用对象作为参数时,它是一个对象,您可以根据需要在其中拥有尽可能多的属性

更改:

.css({ 'min-height': height }, { 'max-height': height })


用桌子!好的,不是真的,但是使用
display:table row
display:table cell
。我认为引导网格的东西已经做到了这一点,所以平坦化您的html可能在这里工作。可能重复@Guru,但是
display:flex
将使所有列都成为该行最高列的高度。因此,如果您更改一列,所有其他列都将跟随。如果你能用一些简单的css解决问题,为什么要使用jquery呢?好的,那么这个问题是不完整的,应该编辑以显示足够的信息来重现这个问题,或者关闭。
css()
语法不正确。。。应该只有一个对象参数。将所有特性合并到一个对象
.css({ 'min-height': height }, { 'max-height': height })
.css({ 'min-height': height, 'max-height': height  })