Bootstrap行调整大小事件

Question

我想连续调整2列的大小。 第一列是最高的，其他列需要扩展到相同的高度。

我测试了以下但是它不起作用

<div class="row" id="top-row">....

$('#top-row').on('resize', function() { /*col-2,3 height = col-1 height*/ });

但功能不起作用。

Answer 1

html
<div class="row">
    <div class="col-xs-4">
        block 1 
    </div>          
    <div class="col-xs-4">
        block 2             
    </div>      
    <div class="col-xs-4">
            block 3 
    </div>
</div>

JS

$(function() {
   var $paragraphs = $('#top-row .col-xs-4'),
    heights = [];
    $paragraphs.each(function() {
       heights.push($(this).height());
    });
    var maxHeight = Math.max.apply(this, heights);
    $paragraphs.height(maxHeight);
});

这将采用最长块的高度，并将适用于所有