TypeError: $(...).modal은 Bootstrap Modal의 함수가 아닙니다.

Bootstrap 모달을 HTML에 동적으로 삽입하고 jQuery를 사용하여 트리거합니다. 문제를 자세히 살펴보겠습니다.

오류는 "$().modal" 함수가 jQuery에서 인식되지 않음을 나타냅니다. 이 문제는 일반적으로 Bootstrap JavaScript 파일(bootstrap.js)이 올바르게 포함되거나 로드되지 않을 때 발생합니다.

이 문제를 해결하려면 HTML에서 Bootstrap JavaScript 파일을 올바르게 참조했는지 확인하세요.

jQuery 확인 포함

또 다른 잠재적 원인은 jQuery 자체가 없다는 것입니다. jQuery 라이브러리를 포함했고 Bootstrap JavaScript 파일 이전에 로드되었는지 확인하세요:

중복된 jQuery 포함 확인

jQuery가 포함되지 않았는지 확인하는 것도 좋습니다. 신청서에 두 번 포함되었습니다. jQuery 인스턴스가 여러 개 있으면 충돌과 이러한 유형의 오류가 발생할 수 있습니다.

코드 조각

여기에 적절한 콜백 함수가 포함된 jQuery 코드의 수정된 버전이 있습니다. 모달:

$.ajax({
    type    : 'POST', 
    url     : "AjaxUpdate/get_modal",
    cache   : false,
    success : function(data){ 
       if(data){
            $('#modal_target').html(data);

            //This shows the modal
            $('#form-content').modal({show: true});
       }
    }
});