等高爲2列布局，但每行高度不同

我使用js使2列具有相等的高度。左欄是用戶的輸入，所以它是動態的，有時候它有更多的內容或更少的內容。我的問題是我有很多行而不是一個。我想使用each（）循環遍歷並應用到每一行，但是在標記上我的類名是相同的。等高爲2列布局，但每行高度不同

boxes = $('.heightHack'); maxHeight = Math.max.apply(Math, boxes.map(function() { return $(this).height(); }).get()); boxes.height(maxHeight);

演示http://bootply.com/105122

來源

2014-01-12 user3162361

你的行在表中或什麼？你能發佈你的html至少2行嗎？ –

@EdgarVillegasAlvarado對不起，我忘了演示。更新了問題 – user3162361

謝謝，我加了一個答案 –

只是包裝它放在一個循環，並利用.find()：

$(".container").each(function(){ 
    boxes = $(this).find('.heightHack'); 
    maxHeight = Math.max.apply(
    Math, boxes.map(function() { 
     return $(this).height(); 
    }).get()); 
    boxes.height(maxHeight); 
});

演示：http://bootply.com/105123

希望這有助於。歡呼聲

來源

2014-01-12 01:13:45

哇，工作就像一個魅力！所以每個（）基本上是一個循環？ – user3162361

準確地說，循環所有匹配選擇器的元素。 MOre info here：http://api.jquery.com/each/ –

一個問題是我無法看到即時結果，當我拖動和調整窗口大小時，我必須刷新，爲什麼？ – user3162361

等高爲2列布局，但每行高度不同

回答

相關問題