TypeError: $(...).modal não é uma função com Bootstrap Modal

Problema

Ao inserir dinamicamente um modal Bootstrap no HTML de outra visualização, você poderá encontrar o seguinte erro: TypeError: $(...).modal não é uma função. Este erro indica que o método modal() não é reconhecido pelo jQuery, impedindo que o modal funcione corretamente.

Solução: verifique a inclusão do jQuery

Para resolver esse problema, primeiro verifique se o jQuery está incluído no projeto. Certifique-se de que não haja inclusões duplicadas de jQuery, pois isso pode levar a conflitos. Confirme se a biblioteca jQuery é referenciada e carregada depois de qualquer outra biblioteca JavaScript na seção

Exemplo de implementação

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

            // Check if jQuery.modal is defined before calling it
            if ($.fn.modal && typeof $.fn.modal === 'function') {
                $('#form-content').modal();
            }
        }
    }
});
//...

Observações finais

Ao verificar a inclusão adequada do jQuery e a execução condicional do método modal() com base em sua disponibilidade, você pode garantir que seu modal Bootstrap funcionará corretamente e evite o TypeError: $(...).modal is not a function error.