pavelgonzales
@pavelgonzales
Front-end developer

Как перезапустить masonry?

Здравствуйте.
У меня есть страница с подключенным 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);
					});

				});
  • Вопрос задан
  • 686 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы