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

반응형

댓글 2

  • 0 (2022.05.03 19:48)

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

    • 옥수수빵 (2022.05.04 09:34 신고)

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