Wie kann verhindert werden, dass Bootstrap-Modale bei einem Hintergrundklick geschlossen werden?

Bootstrap-Modal-Schließung bei Hintergrundklick deaktivieren

Problem:

In Bootstrap-Modalen klicken Außerhalb des Modalbereichs wird das Modal automatisch geschlossen. Dieses Verhalten kann in bestimmten Szenarien unerwünscht sein.

Lösung:

Um die Hintergrundschließfunktion für bestimmte Modalitäten zu deaktivieren, verwenden Sie die folgenden Optionen:

Optionen zum Deaktivieren des Hintergrunds Schließung:

• Hintergrund: Geben Sie die Hintergrundoption mit dem Wert „statisch“ an, um zu verhindern, dass das Modal bei Hintergrundklicks geschlossen wird.
• Tastatur: Setzen Sie die Tastatur auf „false“, um den modalen Abschluss mit der Esc-Taste zu deaktivieren Schlüssel.

Verwendung in JavaScript:

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

Verwendung mit Datenattributen:

<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
</button>

Durch Anwenden dieser Optionen können Sie die Hintergrundschließung für bestimmte Modalitäten selektiv deaktivieren und für andere beibehalten.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass Bootstrap-Modale bei einem Hintergrundklick geschlossen werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!