TypeError: $(...).modal is not a function with 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});
       }
    }
});