How to activate Swiper Slider on dynamically loaded HTML?

Question

JavaScript

How to activate Swiper Slider on dynamically loaded HTML that is loaded via AJAX after form submission?

Answer 1

If I understood correctly

// Инициализируем слайдер
let swiper = new Swiper('.worksSlider', {
  loop: true,
  observer: true,
  observeParents: true
})

// $.ajax { ....
// Получаем данные с сервера и добавляем их в слайдер
// imgPath - данные с сервера, могут быть любые
swiper.appendSlide('<div class="swiper-slide"><img src="' + imgPath + '" alt=""></div>')