Bootstrap 4 Modal Remote Data Loading

In der neuesten Version von Twitter Bootstrap (v4 Alpha) besteht die Möglichkeit, Remote-Inhalte in einen zu laden Modal wurde entfernt. Diese Funktionalität existierte in Bootstrap 3, wird aber nicht mehr unterstützt.

Problem

Beim Versuch, das data-remote-Attribut zu verwenden, um Remote-Inhalte in ein Modal in Bootstrap zu laden 4, der Modellkörper bleibt leer und es wird keine Anfrage an die angegebene Adresse gesendet URL.

Lösung

Um dieses Problem zu beheben, können Sie JavaScript verwenden, um den Remote-Inhalt manuell in den modalen Text zu laden. Hier ist ein Beispiel:

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

Dieser Code fügt allen Elementen mit dem Attribut data-toggle="modal" einen Ereignis-Listener hinzu. Wenn auf eines dieser Elemente geklickt wird, ruft es den datenfernen Wert aus dem Element ab und verwendet die .load()-Methode von jQuery, um den entfernten Inhalt in den modalen Körper zu laden.

Hinweis: Die veraltete Remote-Option wurde in Bootstrap 4 entfernt und es wird empfohlen, sie wie gezeigt mithilfe von clientseitigen Vorlagen, Datenbindungs-Frameworks oder durch manuellen Aufruf von jQuery.load() zu implementieren über.