Здравствуйте.
У меня есть страница с подключенным Masonry, и так же есть меню с фильтром блоков которые исчезают (fadeOut). Когда я нажимаю на фильтр, блоки исчезают, но masonry не позиционирует их как должен, т.е. остаются пустые пробелы на месте блоков.
Я так понял надо перезапускать masonry после применения каждого фильтра. Или может есть вариант сделать что бы masonry без перезапуска их позиционировал сразу после применения фильтра.
// скрипт позиционирования блоков
$('#masonry-container').masonry({
itemSelector: '.country-block',
singleMode: false,
isResizable: true,
isAnimated: true,
animationOptions: {
queue: false,
duration: 100
}
});
// скрипт фильтра стран
$(function() {
var newSelection = "";
$(".nav-menu").click(function(){
$(".nav-menu").removeClass("selected");
$(this).addClass("selected");
newSelection = $(this).attr("rel");
$(".country-block").not("."+newSelection).fadeOut(800);
$("."+newSelection).fadeIn(800);
$(".all-flavors").fadeTo(600, 1);
});
});