JQuery вариант Изотоп авто высоты на элемент

Поэтому я использую изотоп masonry макетJQuery вариант Изотоп авто высоты на элемент

$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});

Проблема заключается в том, что если я не установить высоту для article в CSS, макет Безразлично «Я хорошо смотрю, что элементы перекрываются и что-то прочее, но я не могу установить фиксированную высоту для элементов, так как они являются сообщениями в блогах и могут меняться по размеру. Ребята, у вас есть какие-либо советы о том, как это решить?

источник

2012-04-15 Uffo

Проблема решена, вам нужно позвонить $(window).load instead of $(document).ready(

источник

2012-04-15 16:27:33 Uffo

Работает для меня тоже, используя defaul layout tho. Интересно, что пример изотопа по умолчанию использует '$ (document) .ready()' .. [Codepen link] (http://codepen.io/desandro/pen/nFrte) – Cammy

Хотя загрузка окна может работать, я не рекомендую ее , загрузка окна ожидает загрузки всех активов на странице (CSS, JS, img, iframe и т. д.). imagesLoaded лучше подходит, поскольку вы можете настраивать только изображения в экземпляре Isotope для загрузки. – desandro

var $container = $('#container').imagesLoaded(function() { 
    $container.isotope({ 
    // options 
    }); 
});

См Isotope - imagesLoaded

источник

2012-04-16 13:34:17 desandro

Вы правы. Выше страницы возвращает 404, не найденный сейчас. – Kanu

info уже здесь: http://isotope.metafizzy.co/layout.html#imagesloaded – wintersolutions

Это должен быть принятый ответ, его от автора в конце концов – Blowsie

Это случилось потому, что изотоп doen't знать размеры изображения до загрузки. Лучший способ сделать это - использовать индикатор загрузки (возможно, с плагином imageLoaded) для загрузки изображений, а затем выполнить вставку или добавление с изотопом. У вас будет плавная навигация и иллюзия более быстрого места загрузки, чем использование $ (window) .load().

источник

2015-02-14 14:53:13

JQuery вариант Изотоп авто высоты на элемент

ответ

Смежные вопросы