집 >웹 프론트엔드 >JS 튜토리얼 >Bootstrap+jquery 파일 도입 오류

Bootstrap+jquery 파일 도입 오류

php中世界最好的语言원래의: 2018-03-15 10:12:441825검색

이번에는 bootstrap+jquery 파일 도입 시 발생하는 주의사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.

프로젝트를 진행하다 보면 콘솔에는 항상 다양한 버그가 나타나게 마련인데, 사실 당황할 필요는 없습니다. 결국에는 개발 중에 오류가 발생할 때마다 몇 가지 유형의 오류만 발생합니다. 잘 요약해서 수정하겠습니다. 다음에 보시면 무슨 일이 일어나고 있는지 자신있게 아실 수 있을 것입니다.

오류 1: Uncaught ReferenceError: $가 정의되지 않았습니다

Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: jQuery is not defined

오류 원인: 파일 로드 순서가 잘못되었습니다. jQuery 파일의 순서가 앞에 와야 합니다

방법: 모든 스크립트 파일 앞에 jQuery 파일을 작성하세요

오류 2: jsp 페이지의 상대 경로 및 절대 경로 문제:

일반 경로: html의 ../../ jsp 페이지로 변경되었습니다. 경로를 찾을 수 없습니다. 이제 다음과 같습니다

이때 파일에 다음 코드만 추가하면 됩니다.

해결 방법: 사이에 다음 코드를 삽입하세요. 및

<%
 String path = request.getRequestURI();
 String basePath = request.getScheme() + "://"
   + request.getServerName() + ":" + request.getServerPort()
   + path;
%>
<base href="<%=basePath%>" rel="external nofollow" >

오류 3: Uncaught TypeError: $(...).tooltip은 함수가 아닙니다

Uncaught TypeError: $(...).tooltip is not a function
 at HTMLDocument.<anonymous> (app.js:42)
 at l (jquery.min.js:4)
 at Object.fireWith [as resolveWith] (jquery.min.js:4)
 at Function.ready (jquery.min.js:4)
 at HTMLDocument.S (jquery.min.js:4)

이유: 두 가지 다른 버전의 jQuery UI가 포함되어 있습니다. 이로 인해 충돌이 발생할 수 있습니다.

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

를 제거해 보세요.Solution:

Edit:

<script>
jQuery( document ).ready(function( $ ) {
 $('.hasTooltip').tooltip();
});
</script>

이렇게 사용하면 문제가 해결됩니다!

오류 4: 잡히지 않는 유형 오류: $(...).sortable은 함수가 아닙니다

Uncaught TypeError: $(...).sortable is not a function
 at HTMLDocument.<anonymous> (dashboard.js:12)
 at l (VM552 jquery.min.js:4)
 at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4)
 at Function.ready (VM552 jquery.min.js:4)
 at HTMLDocument.S (VM552 jquery.min.js:4)

오류 5: bootstrap.min.js:7 잡히지 않는 오류: 부트스트랩에는 jQuery가 필요합니다

bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery
 at bootstrap.min.js:7

해결책: 해결 방법: bootstrap.min.js 파일 앞에 jquery.min.js를 넣고 참조합니다. bootstrap.min.css 파일이 두 파일 앞이나 뒤에 참조되는지는 중요하지 않습니다(여러 번 테스트됨). ).

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!