TypeError: $(...).modal は Bootstrap Modal の関数ではありません

次の操作をしようとしているときにこのエラーが発生しましたBootstrap モーダルを HTML に動的に挿入し、jQuery を使用してトリガーします。問題を詳しく調べてみましょう:

このエラーは、「$().modal」関数が jQuery によって認識されないことを示しています。これは通常、Bootstrap JavaScript ファイル (bootstrap.js) が正しくインクルードまたはロードされていない場合に発生します。

これを解決するには、HTML で Bootstrap JavaScript ファイルを適切に参照していることを確認してください:

jQuery を確実に含める

もう 1 つの潜在的な原因は、jQuery が存在しないことです。自体。 jQuery ライブラリが組み込まれており、Bootstrap JavaScript ファイルの前にロードされていることを確認してください:

重複した jQuery の包含を確認する

jQuery が含まれていないことを確認することも重要です。アプリケーションに 2 回含まれています。 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});
       }
    }
});