Имеется swiper js каким образом можно менять параметры по ходу работы. В данном случае мне нужно параметр `` отключать если все слайды влезают в контейнер и включать если нет.
const sounds = new Swiper('.sounds .tabs-list', {
init: false,
slidesPerView: 'auto',
spaceBetween: 30,
allowTouchMove: true,
});
sounds.on('init resize', () => {
const tabs = sounds.el.querySelectorAll('.tabs-list__item');
const widthSoundsTabs = [...tabs].reduce((total, tab) => total + tab.offsetWidth, 0) + (sounds.params.spaceBetween * (tabs.length - 1));
if( widthSoundsTabs > sounds.el.offsetWidth && !sounds.params.allowTouchMove) {
sounds.params.allowTouchMove = true;
}
if(widthSoundsTabs <= sounds.el.offsetWidth && sounds.params.allowTouchMove) {
sounds.params.allowTouchMove = false;
}
});
sounds.init();
Параметр меняется, но никакой реакции, точнее слайдер как реагировал на свайп мышью или пальцем так и реагирует
allowTouchMove
нужно запустить новую инициализацию, для этого добавьте строкуsounds.reInit()
sounds.init();