Bootstrap Modal mit JavaScript laden

Bootstrap Modal mit JavaScript laden zum Ausprobieren und Weiterverwenden

Neben der schnellen Einbindung eines Modals mittels data-Attributen kann man ein Modal auch dynamisch per JavaScript einbinden.
Wie genau das funktioniert, erfährst du anhand dieser Beispiele.

Frage stellen
Hast du eine Frage zu dieser Seite?
Fragen anderer Besucher zum Thema "Bootstrap Modal mit JavaScript laden..."

Silberschlag fragt

Wie kann ich verhindern, dass ein Modal-Fenster außerhalb geschlossen wird.
In meinem Fall muss der User einen Button klicken, der eine Submitfunktion beinhaltet.
Seite Möglichkeit wäre, wenn außerhalb geklickt wird, dass dann auch eine Submitfunktion ausgelöst wird.

Antwort von BootstrapWorld.de

Hallo,

das funktioniert mit den folgenden beiden data-Attributen:

  • data-backdrop="static" -> Klick außerhalb schließt das modal nicht
  • data-keyboard="false" -> ESC-Taste schließt das modal nicht

Ein Beispiel findest du hier:

https://www.bootstrapworld.de/snippet/modal-schliessen-verhindern

Die Javascript-Attribute sind dann ähnlich.

$('#exampleModal').modal({
    backdrop: 'static', //Klick ausserhalb schliesst modal nicht
    keyboard: false ////ESC-Taste schliesst modal nicht
});
Nach oben
BootstrapWorld.de nutzt Cookies, um euch die bestmögliche Funktionalität zu bieten.
Details ansehen
OK