@purpurchik

Swiper resize (destroy, init), как исправить баг с выравниванием элементов по центру?

Без проблем работает только в Blink-e
Стоит media запрос на 850px блок превращается в слайдер.
при первом вызове функции создается слайдер, но картинки не выравниваются по центру,
а когда вызывается повторно, то всё хорошо выравнивается.
Из-за чего может возникать такая проблема?
var mySwiper = undefined;
	function initSwiper() {
		var screenWidth = $(window).outerWidth();
		if ( (screenWidth < (851)) && (mySwiper == undefined)) {
			mySwiper = new Swiper('.swiper-container', {
				speed: 400,
				spaceBetween: 100,
				pagination: {
					el: '.swiper-pagination',
					type: 'bullets',
					clickable: true,
				},
			});
		} else if ((screenWidth > 850) && (mySwiper != undefined)) {
			mySwiper.destroy();
			mySwiper = undefined;
			$('.swiper-wrapper').removeAttr('style');
			$('.swiper-slide').removeAttr('style');
		}
	}
	initSwiper();

	$(window).resize(function() {
		initSwiper();
	});
  • Вопрос задан
  • 9111 просмотров
Пригласить эксперта
Ответы на вопрос 1
@SokolovDmitry
Типичный Верстак
примера нет ( а так похоже, что высота элементов слайдера = 0.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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