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' 카테고리의 다른 글

테이블 구조(MySQL) 쿼리로 갖고 오기  (0) 2022.02.04
[Firemin]파이어폭스가 메모리를 엄청나게 먹을 때...  (0) 2022.01.28
Swiper에 ajax로 추가할 경우  (2) 2021.09.13
[php.ini]파일 업로드 용량 관련  (0) 2021.08.05
date range picker  (0) 2021.08.04
엑셀에서 다음 줄(alt + enter) 제거하기  (0) 2021.07.01

댓글 2

확인
  • 0 (2022.05.03 19:48)

    res에는 무슨값이들어가야하나요??

    수정 답글
    • ㄴ
      왕계란 (2022.05.04 09:34 신고)

      $.ajax({
      url: "test.php",
      ~~~~ 생략 ~~~~
      success: function(res) {
      }
      });
      res를 result라고 썼으면 좀 더 이해하기 쉬웠으려나요?
      결과값을 받아오는 것이기 때문에 사용자가 값을 입력하는 게 아닙니다.
      test.php에서 어떤 식의 결과를 반환할지는 만드는 사람이 직접 정하면 됩니다.

      수정