@Alexander9229

Masonry — криво работает?

Почему masonry загружается через раз галерею?

Один раз может загрузить всё отлично! А второй раз всё криво -> 60786aa4cb924070852896.jpeg

Скрипт:
<script>
		$(document).ready(function () {
			$( '.grid' ).masonry( {
				// options
				itemSelector: '.grid-item',
				horizontalOrder: true,
			} );
		});
	</script>


Почему так происходит?
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
@Alexander9229 Автор вопроса
Так как я использовал Masonry в проекте вместе в WordPress, мне подробно помогла разобраться эта статья - Masonry
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
Нужно подключить скрипт
https://imagesloaded.desandro.com/
и прогонять изотоп или масонри через него. при аякс подгрузке тоже
$('.portfolio-wrap').imagesLoaded (function() {
	var $grid = $('.portfolio-wrap');

	$grid.isotope({
		itemSelector: '.portfolio-item',
		layoutMode: 'fitRows',
		percentPosition: true
	});

});
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы