• 목록
  • 아래로
  • 위로

동일한 페이지 내에서 복수의 OwlCarousel의 설정을 달리해야 하는 경우에 


다음과 같은 방법으로 하시면 됩니다 ^^



우선 내용을 넣을 HTML에서 각 div 태그마다 id를 다르게 설정합니다.



[예시]
<div id="owl-one" class="owl-carousel owl-theme"> 
<div id="owl-two" class="owl-carousel owl-theme"> 
<div id="owl-three" class="owl-carousel owl-theme">



그리고 설정을 넣을 script에서 위 id대로 셀렉트 해주면 됩니다.



[예시]
$('#owl-one').owlCarousel({    
$('#owl-two').owlCarousel({    
$('#owl-three').owlCarousel({



저도 잠시 삽질을 했는데요 ㅠㅠ


첫 번째 carousel은 id를 지정하지 않고 그대로 두고 두 번째 carousel부터 id를 지정했더니 


첫 번째 carousel의 설정이 두 번째에 그대로 반영되더군요 ㅠㅠ


각각의 carousel의 id를 달리 지정해니 비로소 제대로 작동하네요.


그리고 아래 참고 페이지에 class 명만 달리 하는 방법이 소개되어 있던데요.


id를 지정하는 방법이 더욱 확실하게 잘 작동하는 것 같네요 ^-^



참고: https://github.com/OwlCarousel2/OwlCarousel2/issues/1906


작성자
이니스프리 119 Lv. (2%) 4233770/115200000EXP

Make StudyForUs Great Again!

 

CSVpuymXAAAVVpd.jpg

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 시스템 점검 작업 완료 안내 10 마스터 마스터 24.09.05.16:25 3205
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 10603
180 [학술정보] Breaking character and natural image based CAPTCHA using feature classification 1 이니스프리 이니스프리 18.11.13.16:01 243
179 윈도우 탐색기의 새로 고침 기능 자동화하기 2 이니스프리 이니스프리 18.11.13.13:59 2115
178 [우분투/파이썬] pip로 pytesseract를 설치 후 not installed or not in your path 메세지에 대한 대처방법 이니스프리 이니스프리 18.11.12.20:05 2298
177 유튜브에서 국내 캐시서버로 연결되었는지 확인하는 방법 image 이니스프리 이니스프리 18.11.09.22:41 888
176 윈도우의 CMD 창에서 Ctrl+V로 붙여넣기 (윈도우 10 / 윈도우 8 이하) 3 image 이니스프리 이니스프리 18.11.08.00:15 5890
175 파이썬3에서 인코딩과 관련된 문제의 해결방법 3 이니스프리 이니스프리 18.11.06.00:49 473
동일한 페이지 내에서 복수의 OwlCarousel의 설정을 달리하는 방법 이니스프리 이니스프리 18.11.05.22:15 560
173 ABBYY FineReader의 OCR 언어 세팅 - 한국어(한글) vs 한국어 등 관련 이니스프리 이니스프리 18.11.05.16:07 2189
172 아미나에서 우측 사이드를 제거하기 (+화면 폭 꽉 차도록 수정) 이니스프리 이니스프리 18.11.04.21:14 717
171 아미나에서 헤더와 푸터를 출력하지 않는 가장 간단한 방법 이니스프리 이니스프리 18.11.04.20:41 258
170 [Python] Selenium에서 팝업을 허용하는 방법 이니스프리 이니스프리 18.11.01.21:37 2216
169 Owl Carousel에서 버전별 하단 dots를 없애는 방법 image 이니스프리 이니스프리 18.10.29.18:25 923
168 탐색기에서 현재 폴더를 CMD로 열기 / CMD에서 현재 폴더를 탐색기로 열기 이니스프리 이니스프리 18.10.27.14:31 1798
167 JavaScript에서 Array로 Multipul Evaluation을 사용하면서 어디에 오류가 발생했는지 확인하기 Seia Seia 18.10.21.14:47 588
166 온라인 TTS 이용할 수 있는곳 2 슬기 title: 투명 아이콘슬기 18.10.18.22:42 302
165 Youtube-DLG에서 10014 소켓 에러가 뜨는 경우 해결 방법 (방화벽 관련) 2 image 이니스프리 이니스프리 18.10.16.06:44 2003
164 특정 파일을 제외한 현재 디렉토리 내의 모든 파일을 삭제하는 배치파일 이니스프리 이니스프리 18.10.12.17:11 3271
163 외부 IP 주소만 보여주는 사이트 이니스프리 이니스프리 18.10.12.11:40 379
162 마지막 방문일자 알려주기 슬기 title: 투명 아이콘슬기 18.10.11.00:31 540
161 [Ubuntu/Python] Selenium에서 Headless browser의 설치 및 실행 이니스프리 이니스프리 18.10.09.23:54 1047