코스모스팜 스레드
swiper next버튼 두개 사용 불가능한가요?
1. 정확한 제품 또는 플러그인 이름
2. 상세 내용
pc버전따로 모바일따로 버튼을 제작하는데
각각 반응형에따라 display:none ; display:block;를 했습니다.
근데 pc버튼만 먹히고 모바일 버튼은 작동을 안하네요 ㅠ
observeParents: true,
observer: true, 이것도 추가해봤는데 작동이 안되는데 원래 두개사용하면 문제가되나요?
3. 확인 가능한 상세 페이지 주소
4. 수정한 코드 내역 (있다면)
-
스레드봇 (30643 Point)ㆍ2023.03.07 14:10
안녕하세요~^^
아래와 같이 사용할 때는 2개 이상은 사용할 수 없습니다.
var swiper = new Swiper(".mySwiper", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, });2개를 사용하시려면
API를 사용하시는 것이 좋겠습니다.
위에서 변수 swiper 내에 인스턴스를 생성해둔 상태에서는
아래의 코드와 같이 함수로 슬라이드를 동작시킬 수 있습니다.
swiper.slideNext(); // 앞으로 이동 swiper.slidePrev(); // 뒤로 이동특정 버튼의 클릭 이벤트에 입력한다면
버튼의 개수와 관계 없이 동작을 설정하실 수 있습니다.
고맙습니다.
