设置高度相等

我想设置等高我的每.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

设置高度相等

回答

相关问题