Как обновить Swiper после обновления DOM?

Question

[Marys777]

Здравствуйте. Стоит задача при клике на кнопки слайдера перемешать слайды и обновить контейнер перемешанными слайдами, подскажите возможно ли это реализовать при помощи библиотеки Swiper? Я пыталась, но столкнулась с проблемой что Swiper перестает работать по причине того, что не обновляет контейнер. Метод update() не помог. Буду благодарна за помощь.

Comments

[xdevelx]

https://swiperjs.com/swiper-api#param-observer
https://swiperjs.com/swiper-api#param-observeParents
https://swiperjs.com/swiper-api#param-observeSlide...

[Marys777]

xdevelx, У меня стоят все три свойства:
observer: true,
observeParents: true,
observeSlideChildren: true

Это к сожалению не помогает...

[SmileDimon]

Такая же проблема, добавляю слайды из ajax а swiper их не видит

[SmileDimon]

SmileDimon, Если кому интересно решил следующим образом. Функцию которая делает ajax запрос и выводит контент на страницу завернул в window.addEventListener("load", function () { ..... и тут же ее вызвал. Плюс очень важно соблюсти структуру слайдера, допустим я пользовался функцией конструктором которая по опр классу добавляла swiper-wrapper для контейнера со слайдом и swiper-slide для слайдов вместо этого я прописал все классы для слайдера в ручную и после всех этих манипуляций все заработало.

Answer 1

[Александр Афанасьев]

Используй АПИ методы ссылка:

.updateProgress();
.updateSize();
.updateSlides();
.update();