Bootstrap 4 Модальная удаленная загрузка данных

В последней версии Twitter Bootstrap (альфа-версия 4) появилась возможность загружать удаленный контент в модальное окно удалено. Эта функция существовала в Bootstrap 3, но больше не поддерживается.

Проблема

При попытке использовать атрибут data-remote для загрузки удаленного контента в модальное окно в Bootstrap 4, тело модели остается пустым и запрос на указанный адрес не отправляется. URL.

Решение

Чтобы решить эту проблему, вы можете использовать JavaScript для ручной загрузки удаленного контента в модальное тело. Вот пример:

$('body').on('click', '[data-toggle="modal"]', function(){
        $($(this).data("target") ' .modal-body').load($(this).data("remote"));
    });  

Этот код присоединяет прослушиватель событий ко всем элементам с атрибутом data-toggle="modal". При нажатии на один из этих элементов он извлекает удаленное значение данных из элемента и использует метод jQuery .load() для загрузки удаленного содержимого в модальное тело.

Примечание: Устаревшая удаленная опция была удалена в Bootstrap 4, и ее рекомендуется реализовать с использованием шаблонов на стороне клиента, инфраструктур привязки данных или путем ручного вызова jQuery.load(), как показано. выше.