내 부트스트랩 모달이 작동하지 않는 이유는 무엇입니까? ($(...).modal은 함수가 아닙니다)

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

다음을 시도하는 동안 이 오류가 발생했습니다. Bootstrap 모달을 HTML에 동적으로 삽입하고 jQuery를 사용하여 트리거합니다. 문제를 자세히 살펴보겠습니다.

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

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

<code class="html"><script src="path/to/bootstrap.js"></script></code>

jQuery 포함 보장

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

<code class="html"><script src="path/to/jquery.js"></script>
<script src="path/to/bootstrap.js"></script></code>

중복된 ​​jQuery 포함 확인

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

코드 조각

다음은 다음에 대한 적절한 콜백 함수가 포함된 jQuery 코드의 수정된 버전입니다. 모달:

<code class="javascript">$.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});
       }
    }
});</code>

위 내용은 내 부트스트랩 모달이 작동하지 않는 이유는 무엇입니까? ($(...).modal은 함수가 아닙니다)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!