Когда используется вывод постов в несколько колонок, важно чтоб они были одной высоты. Реализовать это можно с помощью JS.
Содержание
Пример кода:
Вариант 1
[php]
$(document).ready( function(){
var maxHeight = 0;
$(".left").each(function(){
if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});
$(".left").height(maxHeight);
});
[/php]
Вариант 2
[php]
$(document).ready( function(){
var leftHeight = $(".left").height();
var rightHeight = $(".left").height();
if (leftHeight > rightHeight){ $(".left").height(leftHeight)}
else{ $(".left").height(rightHeight)};
});
[/php]
В одном из проектов использовался Infinity Scroll. В этом случае вышеперечисленные варианты не помогли. Решение нашлось следующее:
Вариант 3 (для Infiniti Scroll)
[php]
$(document).ready( function(){
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
$(document).ajaxSuccess(function(){
equalHeight($(".left"));
});
});
[/php]
В строке – equalHeight($(“.left”)); ставим название вашего дива.
