Swiper에 ajax로 추가할 경우

Etc 2021. 9. 13. 17:03

728x90
<div id="wrap">
	<ul class="test">
		<li>~~~</li>
		... 생략 ...
		<li>~~~~~</li>
	</ul>
</div>

이런 식으로 슬라이드가 있습니다.

ajax를 통해서 추가를 해야 할 경우 보통 ul 안에 넣습니다.

const swiper = new Swiper ~~~~ 생략

$.ajax({
	생략
	success: function(res) {
		swiper.removeAllSlides();
		swiper.appendSlide(res);
		swiper.update();
	}
});

remove 후 append, update를 하면 정상적으로 작동합니다.

반응형

댓글 0