TypeError: $(...).modal не является функцией с модальным окном Bootstrap

Проблема

При динамической вставке модального окна Bootstrap в HTML другого представления, вы можете столкнуться со следующей ошибкой: TypeError: $(...).modal не является функцией. Эта ошибка указывает на то, что метод modal() не распознается jQuery, что препятствует правильной работе модального окна.

Решение: проверьте включение jQuery

Чтобы решить эту проблему, сначала убедитесь, что jQuery включен в проекте. Убедитесь, что нет дублирующих включений jQuery, поскольку это может привести к конфликтам. Убедитесь, что библиотека jQuery указана и загружена после всех других библиотек JavaScript в разделе

Пример реализации

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

Заключительные замечания

Проверив правильность включения jQuery и условное выполнение метода modal() в зависимости от его доступности, вы можете убедиться, что ваше модальное окно Bootstrap будет работать правильно и избегайте TypeError: $(...).modal не является ошибкой функции.