Как активировать Swiper Slider на динамически подгруженном HTML?

Question

[damarkuzz]

Как активировать Swiper Slider на динамически подгруженном HTML, который подгружается через AJAX после отправки формы?

Comments

[Виталий Першин]

В чем конкретно проблема? Объясните по пунктам, либо покажите полный код, в котором можно увидеть проблему

Answer 1

[Alexander Sharomet]

Если я правильно понял

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

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

Comments

[damarkuzz]

Благодарю за ответ. Проблема в том, что подгружаются слайдеры с отдельным родителем и слайдами, как-то придется их активировать, но вот не могу найти информацию как..

[ProjectSoft]

damarkuzz, вам же говорят: Объясните толком проблему. Почему нужно вытягивать уже имеющуюся у вас информацию?

Вам нужно уже в имеющийся слайдер вставить или же запустить новый? И то и то имеет решение.
Почему это не описать вам сразу в своём вопросе?