Как swiper обновляет высоту слайдов?

Question

[Evtera]

Здравствуйте. Такой вопрос. Есть вертикальный слайдер, в нём есть динамически подгружаемый контент. Однако, когда нажимаешь кнопку загрузить ещё, то часть контента пропадает из-за того, что swiper заранее просчитывает всю высоту страницы

var mainSwiper = new Swiper(".mainSlider", {
  slidesPerView: 1,
  mousewheel: true,
  observer: true,
  autoHeight: true,
  observeSlideChildren: true,
  simulateTouch: false,

  
});

Пробовал использовать эти методы при клике на кнопку "загрузить ещё", но не помогает

instaupdate.addEventListener("click", () => {

  mainSwiper.update();

  mainSwiper.updateSize();

  mainSwiper.updateAutoHeight();
});

Однако, если сделать resize окна, то срабатывает какой-то метод и всё становится на свои места. Что это за метод?

Answer 1

[GunAlv]

В документации есть методы, связанные с update (updateAutoHeight) https://swiperjs.com/swiper-api
Вызывайте после получения нужного контента (не только после клика)

Comments

[Evtera]

Как это можно сделать? Set time out?

[GunAlv]

Evtera, У вас есть динамически подгружаемый контент, тянете его аяксом? Вы его аппендите в слайд? Вот после этого вызывайте метод.
Еще можете песочницу запилить, если не получается

[Evtera]

GunAlv, Да, вы оказались правы. Закину в event loop через set timeout и всё нормально заработало. Тем не менее, хотелось бы написать нормальный асинхронный код, но возможно ли это как-то реализовать с плагином WP, не подскажете?

[GunAlv]

Evtera, Нет, к сожалению, с WP не доводилось работать.
Вы можете показать код получения этих самых данных по клику