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