uroot
@uroot
Стажируюсь

Как добавить слайд через XMLHttpRequest в Swiper?

Есть JS-файл со слайдером:
export function Slider() {
// инициализация слайдера, настройка и т.д.
}

Тут же есть и XMLHttpRequest():
export function SliderXMLHttpRequest() {
  var request = new XMLHttpRequest();
  request.open('GET', `https://www.omdbapi.com?s=run&apikey=daee70b3`, true);
  request.onload = function () {
    if (request.status >= 200 && request.status < 400) {
      var data = JSON.parse(request.responseText);
      dataParse(data);
    } else {
      alert('Какая-то ошибка');
    }
  };
  request.send();

  function dataParse(data) {
    var r = document.getElementById('sliderAdd');
    r.insertAdjacentHTML('afterbegin', `
    <li class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active">
      ...
          <img class="lazy loaded"  alt="" src="`+ data.Search[0].Poster +`">
     ...
  </li>
    `);
  }
}

Ну а потом в main.js это всё импортируется.

Слайд добавляется. Но сам слайдер перестаёт работать: не свапаются слайды, не работает навигация. Если добавленный слайд удалить на самой странице, то работоспособность восстановится. Ошибок нигде нет. Как правильно добавить слайды?
  • Вопрос задан
  • 59 просмотров
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F Куратор тега JavaScript
А что же нам говорит документация? - метод addSlide.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Александрия Москва
от 200 000 до 250 000 руб.
Foodtronics Москва
от 100 000 до 200 000 руб.
от 5 500 до 6 500 usd.
20 авг. 2019, в 13:27
2000 руб./за проект
20 авг. 2019, в 13:14
8000 руб./за проект
20 авг. 2019, в 13:02
100000 руб./за проект