Адаптивный макет изоленты с переключателями и неизвестной высотой

Я пытаюсь создать макет в стиле каменной кладки, используя изотоп. Макет должен представлять собой адаптивную сетку с гибкими столбцами. Однако каждый элемент сетки имеет скрытый текстовый элемент, который открывается при нажатии на изображение. Этот текст будет взят из wordpress и, следовательно, имеет неизвестную длину. Я пытаюсь использовать

.isotope("reLayout"); 

Функция для сброса макета при переключении элемента, однако она не работает. Если вы измените размер браузера, когда текст виден, вы увидите, что раскладка изотопов возвращается и дает желаемый эффект.

Я создал codepen, чтобы проиллюстрировать мою проблему. Любая помощь будет оценена

http://codepen.io/GlynnJohnson/pen/bLBCJ

Спасибо


person GlynnJohnson    schedule 09.10.2014    source источник


Ответы (1)


Вам нужно лучшее использование:

$container.isotope("layout");

Нет

$container.isotope("reLayout");

Codepen

person Macsupport    schedule 10.10.2014