設置高度相等

我想設置等高我的每.block DIV我使用每個功能，使其單獨工作，但不知它爲所有的DIV等高裏面列。這是代碼，請幫助我。我只希望每個塊中有2列具有相同的高度，而不是所有列。由於設置高度相等

//block1 
<div class="block"> 
    <div class="column"></div> 
    <div class="column"></div> 
</div> 
enter code here 

//block2 
<div class="block"> 
    <div class="column"></div> 
    <div class="column"></div> 
</div> 

js 
$.fn.equalizeHeights = function() { 
    return this.height(Math.max.apply(this, this.map(function() { 
    return $(this).outerHeight(true); 
    }))); 
}; 

var block = jQuery('.block'); 
block.each(function() { 
    var columns = jQuery(this).find('.column'); 
    columns.equalizeHeights(); 
});

來源

2017-03-18 Yoona

您的函數找到每個.block並均衡它們的高度。 –

嗨，我認爲每個函數都會使它們爲每個塊單獨運行？無論如何，我可以調整js不添加更多類？ – Yoona

你有任何風格與這些一起去，所以我們可以看到你的身高應該如何平衡？空白的div ..沒有風格..沒有視覺效果..這裏的目標是什麼？ – Rick

在上述信息的光，因爲它不給任何樣式表，你可以通過解決你的問題

//block1 
<div id="bloc1" class="block"> 
    <div class="column"></div> 
    <div class="column"></div> 
</div> 
enter code here 

//block2 
<div id="block2" class="block"> 
    <div class="column"></div> 
    <div class="column"></div> 
</div>

$.fn.equalizeHeights = function() { 
    return this.height(Math.max.apply(this, this.map(function() { 
    return $(this).outerHeight(true); 
    }))); 
}; 
//for block1 
var block = jQuery('#block1'); 
block.each(function() { 
    var columns = jQuery(this).find('.column'); 
    columns.equalizeHeights(); 
});

來源

2017-03-18 06:46:01

你應該花點出你的HTML的類名 -

<div class=".block">

應該

<div class="block">

來源

2017-03-18 06:38:04

謝謝我錯了 – Yoona

設置高度相等

回答

相關問題