TypeError : $(...).modal n'est pas une fonction avec Bootstrap Modal

Vous rencontrez cette erreur en essayant de insérez dynamiquement un modal Bootstrap dans votre code HTML et déclenchez-le à l'aide de jQuery. Examinons le problème :

L'erreur indique que la fonction "$().modal" n'est pas reconnue par jQuery. Cela se produit généralement lorsque le fichier JavaScript Bootstrap (bootstrap.js) n'est pas correctement inclus ou chargé.

Pour résoudre ce problème, assurez-vous d'avoir correctement référencé le fichier JavaScript Bootstrap dans votre code HTML :

Assurer jQuery Inclusion

Une autre cause potentielle est l'absence de jQuery lui-même. Assurez-vous d'avoir inclus la bibliothèque jQuery et qu'elle est chargée avant le fichier JavaScript Bootstrap :

Vérifier l'inclusion de jQuery en double

Il vaut également la peine de vérifier que jQuery n'est pas inclus deux fois dans votre candidature. Avoir plusieurs instances de jQuery peut entraîner des conflits et ce type d'erreur.

Extrait de code

Voici une version révisée de votre code jQuery qui inclut une fonction de rappel appropriée pour le modal :

$.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});
       }
    }
});