Показать сообщение отдельно
  #1 (permalink)  
Старый 12.05.2018, 20:00
Аспирант
Отправить личное сообщение для SLameN Посмотреть профиль Найти все сообщения от SLameN
 
Регистрация: 13.08.2012
Сообщений: 70

Одинаковая высота всех div
Добрый день! Помогите решите проблему. Имеется много блоков с классом - "t-data-int" все они разной высоты. Ниже JS который берет максимальную высоту и ровняет их все. Но вот беда, он это делает когда заходишь повторно на туже страницу (или при обновлении например), как сделать, чтобы он без обновления страницы подгонял высоту?



<div class='t-data-int'>
         <div class='t-data-title'>
            <a href='#'>Text</a>
         </div>
         <div class='t-data-img'>
            <a href='#'><img src='#' /></a>
         </div>
         <div class='t-data-price'></div>
</div>


.t-data-int {
    width: 200px;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}


function setEqualHeight(columns)
{
    var tallestcolumn = 0;
    columns.each(
    function()
    {
        currentHeight = $(this).height();
        if(currentHeight > tallestcolumn)
        {
            tallestcolumn = currentHeight;
        }
    }
    );
    columns.height(tallestcolumn);
}
$(document).ready(function() {
    setEqualHeight($(".t-data-int > div"));
});
Ответить с цитированием