jQuery UI의 Tooltip 사용시 알 수 없는 소스가 남는 현상

jQuery UI와 다른 플러그인이나 부트스트랩을 함께 사용 할 때 충돌이 일어나는 현상이 생기게 됩니다.

 

저 같은 경우에는 퍼블리싱 과정에서는 문제가 없었는데

개발 과정에서 개발자가 필요한 플러그인을 추가하면서 문제가 생겼습니다.

 

HTMl 소스 하단에

 <div role="log" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div>

위와 같은 알수 없는 소스가 붙어서 불필요한 공간이 생기게 되었습니다.

 

해결 방법은

필요한 스크립트 파일을 import 시킬 경우  jQuery UI를 상단에 import  시킨 후 나머지 플러그인이나 필요한 스크립트들을 

아래에 import  시켜 문제를 해결 하였습니다.

 

이전에도 비슷한 문제로 글을 작성한 적이 있는데 스크립트 파일 import 시킬 때 순서에 따라 에러가 날 경우가 있거나

원하는 기능이 작동하지 않을 수 있으니 비슷한 문제가 생긴다면 스크립트 import 순서를 변경하는 것만으로도 해결되니 참고 하세요.~