Bootstrap+jquery 파일 도입 오류

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

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

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

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

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

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

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

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

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

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

<base>" 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)</anonymous>

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

<script></script>

를 제거해 보세요.Solution:

Edit:

<script>
jQuery( document ).ready(function( $ ) {
 $(&#39;.hasTooltip&#39;).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)</anonymous>

오류 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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jquery에서 ajax를 요청하고 servlet에서 ajax에 응답

jquery를 구현하여 시작 페이지에서 즉시 데이터를 로드합니다.

입력 상자와 드롭다운 상자의 연결 효과 실현

위 내용은 Bootstrap+jquery 파일 도입 오류의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!