Без проблем работает только в 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();
});