[ERROR] 쇼핑몰 플젝 에러모음 - 8 / 상품상세정보 CSS

[해결완료]  상품상세정보 css 수정하기

 

jQuery 버전 오류인건지 $("#tabs").tabs(); 라인이 계속 오류가 났다.

---

** 참고했던 해결방법

스크립트가 로드되는 순서는 매우 중요합니다. 순서는 다음과 같습니다:
(1) Load the jQuery UI CSS file.
(2) Load the jQuery library.
(3) Load the jQuery UI library.
(4) Run your JS file (index.js in the example).

 

➡ 이 순서에 맞춰 수정해도 tabs 부분에 오류가 계속 일어났다.. 아예 부트스트랩 형식을 바꾸기로 결정!

 

• 참고했던 링크 : https://bobbyhadz.com/blog/jquery-tabs-is-not-a-function

TypeError: $(...).tabs is not a function in jQuery | bobbyhadz

 

---

🕵️‍♂️ 해결방법

1) CSS 틀을 새로 따와서 적용했다.

2) tabs(); 라인이 빠지니 그 아래 실행되지 않았던 코드들이 잘 작동되기 시작했다.

    (바로구매, 장바구니가 잘 연결됨!)