>웹 프론트엔드 >CSS 튜토리얼 >내 부트스트랩 모달에서 \'TypeError: $(...).modal is not a function\' 오류가 발생하는 이유는 무엇입니까?

내 부트스트랩 모달에서 \'TypeError: $(...).modal is not a function\' 오류가 발생하는 이유는 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-05 18:59:02464검색

Why is My Bootstrap Modal Throwing a

jQuery 오류: $(...).modal은 Bootstrap Modal이 포함된 함수가 아닙니다.

문제

Codeigniter 및 Bootstrap을 사용하는 애플리케이션에서 , 동적으로 삽입된 부트스트랩 모달이 "TypeError: $(...).modal is not a function" 오류와 함께 열리지 않습니다.

해결책

모달을 트리거하는 버튼을 클릭하면 , 모달이 HTML에 성공적으로 삽입되었습니다. 하지만 $('#form-content').modal();을 사용하여 표시하려고 하면 오류가 발생합니다.

이 오류는 jQuery가 컨텍스트 내에서 로드되어 사용 가능하다는 잘못된 가정으로 인해 발생합니다. modal() 함수를 사용하려고 시도하는 스크립트.

해결 방법

jQuery가 올바르게 로드되고 실수로 여러 번 포함되지 않았는지 확인하세요. 여러 jQuery가 포함되는 일반적인 원인은 jQuery가 이미 포함되어 있을 수 있는 타사 플러그인이나 테마를 사용하는 것입니다.

jQuery가 로드되어 스크립트 컨텍스트 내에서 사용 가능한지 확인하면 modal() 함수를 사용할 수 있습니다. 성공적으로 모달을 표시했습니다.

위 내용은 내 부트스트랩 모달에서 \'TypeError: $(...).modal is not a function\' 오류가 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.