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를 하면 정상적으로 작동합니다.

반응형
저작자표시

'Etc' 카테고리의 다른 글

Swiper에 ajax로 추가할 경우  (0) 2021.09.13
[php.ini]파일 업로드 용량 관련  (0) 2021.08.05
date range picker  (0) 2021.08.04
엑셀에서 다음 줄(alt + enter) 제거하기  (0) 2021.07.01
워드프레스에서 성인 팝업이 뜨는 악성 코드  (0) 2021.06.02
[phpMyAdmin]설정 파일에 잘못된 권한이 지정되어있습니다. 익명 쓰기 권한이면 안됩니다!  (0) 2021.03.26

댓글 0

확인