Deaktivieren Sie das Klicken außerhalb des Bootstrap-Modalbereichs, um das Modal zu schließen.

Question

Ich erstelle eine Bootstrap-Website mit ein paar Bootstrap-'Modals'. Ich versuche, einige der Standardfunktionen anzupassen.

Das Problem ist folgendes; Man kann das Modal durch Klicken auf den Hintergrund schließen. Gibt es eine Möglichkeit, diese Funktion zu deaktivieren? Nur bei bestimmten Modals?

Bootstrap-Modal-Seite

Answer 1

Versuchen Sie dies, Während der Entwicklung meiner Anwendung ... bin ich auch auf das Problem gestoßen, dass Standardwerte für ein Modelattribut => data-keyboard="true", => data-backdrop="non static"

Hoffe, das hilft Ihnen!

Answer 2

Die Lösung, die für mich funktioniert hat, ist folgende:

$('#myModal').modal({backdrop: 'static', keyboard: false})  

backdrop: deaktiviert das Klicken außerhalb des Modals

keyboard: deaktiviert das Escape-Taste-Event

Answer 3

Diese Lösung hat für mich funktioniert:

$('#myModal').modal({backdrop: 'static', keyboard: false})  

mit data-backdrop="static" data-keyboard="false"

im Button, der das Modal startet

Answer 4

Versuchen Sie das:

Answer 5

Wenn Sie den Standard ändern möchten:

für Bootstrap 3.x:

$.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';
$.fn.modal.prototype.constructor.Constructor.DEFAULTS.keyboard =  false;

für Bootstrap 4.x und 5.x:

$.fn.modal.prototype.constructor.Constructor.Default.backdrop = 'static';
$.fn.modal.prototype.constructor.Constructor.Default.keyboard =  false;