2026, 새로운 도약을 시작합니다.

영카트 모바일 메인의 jquery 탭 슬라이드 관련질문 채택완료

안녕하세요, 현재 영카트5 모바일 메인화면에 탭으로 구성된 좌우 스와이프 기능의 상품 리스트가 있는데요,

그 상단에 구글링으로 찾은 다른 제이쿼리 슬라이드 배너를 하나 넣었습니다. ( http://bxslider.com/ )

제이쿼리상 어떤 부분이 겹치는지 모르겠으나 배너 삽입후 하단에 영카트 기본 탭 슬라이드 부분이 영향을 받네요.

배너를 넣은후 아래 탭을 스와이핑 하면 갑자기 각 구성(최신상품, 인기상품, 할인상품 등..) 탭의 폭 사이즈 등이

무력화 되버려서 먹통으로 제대로 출력이 안되고 있습니다.

기본 jquery-1.8.3.min.js 나 swipe.js 호출시 뭔가 수정을 해줘야 하나요? 개체 네임이 겹치는건 아닐지..

물론 자세한건 봐야 알겠지만 제가 제이쿼리에 무지하여 상황파악이 안되기에 힌트라도 얻고자 질문 남깁니다.

혹시 짐작가는 부분 있으시면 답변좀 부탁드릴께요!! (__);

답변 2개

채택된 답변
+20 포인트

http://bxslider.com/ 에서 사용하는 슬라이드의 jquery부분만 빼고 넣었을때도 깨지는지를 먼저 확인하세요

css가 겹치는 경우도 있습니다 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변감사드립니다. 제이쿼리부분을 어떻게 빼봐야 할지
애매해서 반대방법인 css 호출부분를 주석처리하고 확인해봤는데 동일한 현상이 계속되네요. 제이쿼리 문제 인거 맞겠죠? 이럴경우 객체 네임이 겹치지 않는한 서로 영향받지 않게 하는 방법이 없을까요?ㅠ

댓글을 작성하려면 로그인이 필요합니다.

<script></script>

부분을 제거하고 확인하시면 되겠지요 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

네 불량학생님 답변 감사드립니다^^ 그때 해당문제가 CSS에 있어서 수정/해결하였습니다! 도움 주셔서 넘 감사드려요!!^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고