728x90
728x90

부트스트랩 tooltip, popover 를 사용할 때

SCRIPT5022: 예외가 발생했지만 catch할 수 없습니다.

 

예외가 발생했지만 catch할 수 없습니다. 가 발생하는 경우
툴팁, 팝오버 기능 둘 다를 사용할 수 없다.


 

해결은 둘 중 하나 1) 따로 popover 관련 popper.js 를 추가해주거나
2) 부트 스트랩 4 이상의 경우 bootstrap.js 대신 bootstrap.bundle.js를 사용하면 잘 구현된다.

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.bundle.js"></script>    

 

 

 

다른 버전이 필요하다면 

 

twitter-bootstrap - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!

twitter-bootstrap - The most popular front-end framework for developing responsive, mobile first projects on the web. - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!

cdnjs.com

 

 

popper.js를 첨부하려면 순서는 다음과 같이 

<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>

 

 

다른 의견

js 파일 위치를 바디 밑에 첨부하면 해결되기도 한다.

728x90
728x90
블로그 이미지

coding-restaurant

코딩 맛집에 방문해주셔서 감사합니다.

,

v