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