Почему не правильно работает масонри?

Question

[anriko]

масонри подключена .только где блоки в 50% пустота

$('.gallery-row.grid').masonry({
		itemSelector: '.gallery-full',
		percentPosition: true
	});
$('.gallery-sortable').each(function(){
	var $that=$(this);
	var $filterType=$(this).find('.gallery-filter > ul > li.active > a').attr('data-type');
	var $holder=$(this).find('.gallery-list .gallery-row');
	var $data=$holder;
	$(this).find('.gallery-filter ul li a').on('click',function(e){
		$that.find('.gallery-filter ul li').removeClass('active');
		
		
		var $filterType=$(this).attr('data-type');
		$(this).parent().addClass('active');
		var $filteredData;
		
		if( $filterType=="uslugi" ){
			$filteredData=$data.find('.gallery-full[data-type=all-dor-rab], .gallery-full[data-type=all-razmetka], .gallery-full[data-type=all-arenda], .gallery-full[data-type=all-installation]');
			$('.gallery-link-menu').slideUp();
			$('.gallery-link-menu').has('a[data-type=all-dor-rab]').slideDown();
			$('.gallery-link-menu').has('a[data-type=all-razmetka]').slideDown().siblings().has('a[data-type=all-arenda]').slideDown().siblings().has('a[data-type=all-installation]').slideDown();


		}
		else if($filterType=="orders"){
			$filteredData=$data.find('.only-orders');
			$('.gallery-link-menu').slideUp();
			$('.gallery-goods').slideDown();
		}
		else if($filterType=='all'){
			$filteredData=$data.find('.gallery-full');
			$('.gallery-link-menu').slideDown();
		}
		else{
			$filteredData=$data.find('.gallery-full[data-type='+$filterType+']');
		}
		/*$holder.quicksand($filteredData,{duration:0,useScaling:true,easing:'easeInOutQuad'});*/
		$holder.find(".gallery-full").hide();
		$filteredData.show();
		$('.gallery-row.grid').masonry({
			itemSelector: '.gallery-full'
		});
		return false;
		
	});

});

genrich.ru/masonri_not_working

Comments

[Евгений]

Простите, а как люди должны вам помочь? Тоже нарисовать картинку и показать вам как всё должно быть?

[anriko]

Евгений, поправил вопрос

[Евгений]

anriko, выложите код в песочницу или дайте ссылку на сайт, зачем тут скрины кода?

[anriko]

Евгений, https://www.mtest.optimaservis.su/glavnaja-new/?pa...

[anriko]

самое не понятное на экране 900 пикселей когда все выглядит нормально ,когда нажимаю на таб , и выбираю категорию ,то по левой только стороне

[anriko]

добавил настройку columnWidth: 200, слегка поменялась ситуация ,но правильно все равно не работает

Answer 1

[Дима Паутов]

Ещё и правый клик заблочен и f12!!!!! Я балдею

Я как должен проверить, если вынужден js отключить, что бы просто зайти в панель разработчика?? Вы чем думаете?

Внимательно смотрите на размеры блоков, раз они не выстраиваются по 2, значит их размеры вместе с отступами не позволяют сетке уместить их рядом.

Comments

[Ankhena]

Вы гений терпимости. Я просто закрыла сайт, обнаружив это, злит идиотизм.
Но кроме F12 есть и другие сочетания клавиш для открытия девтулза ;)

[anriko]

ctrl + shift +i панель инструментов ,там сетка бутстрап и между двумя блоками по 25% может влезть третий точно

[Дима Паутов]

Ankhena, сути не меняет. ctrl + shift +i я не знал

[anriko]

самое не понятное на экране 900 пикселей когда все выглядит нормально ,когда нажимаю на таб , и выбираю категорию ,то по левой только стороне

[Дима Паутов]

anriko, потому что переключая вкладки, сетку нужно переинициализировать. Т.к. изначально вкладка скрыта и просчитать размеры элементов и их позиции не возможно

[anriko]

Дима Турков, $('.gallery-row.grid').masonry({
itemSelector: '.gallery-full'
}); вот же в коде выше вызывается два раза или не правильно сделал

[Дима Паутов]

anriko, нужно юзать событие у бутстрап вкладок, которые будет вызываться в момент, когда вкладка показалась. И внутри колбека вызывать снова инициализацию

[anriko]

Дима Турков, вкладок нету просто одни элементы скрываються ,а другие появляются,все в одной вкладке

[anriko]

Выложил упрощенную версию genrich.ru/masonri_not_working