Wie kann verhindert werden, dass Bootstrap-Modale bei einem Klick von außen geschlossen werden?

Deaktivieren des Schließens von Bootstrap-Modalen bei Klick von außen

Das Standardverhalten von Bootstrap-Modalen besteht darin, dass sie durch Klicken auf eine beliebige Stelle außerhalb geschlossen werden können modaler Inhaltsbereich. Es kann jedoch Fälle geben, in denen Sie dieses Verhalten verhindern und die Möglichkeit deaktivieren möchten, das Modal durch Klicken außerhalb zu schließen.

Anpassungsoptionen

Um dies zu erreichen, müssen Sie kann die folgenden von Bootstrap bereitgestellten Optionen nutzen:

1. Hintergrund:

Wenn Sie die Hintergrundoption auf „Statisch“ setzen, wird verhindert, dass das Modal geschlossen wird, wenn auf den Hintergrund geklickt wird.

2. Tastatur:

Wenn Sie die Tastaturoption auf „false“ setzen, wird verhindert, dass das Modal geschlossen wird, wenn die Escape-Taste (Esc) gedrückt wird.

Implementieren der Optionen

Für JavaScript:

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

Für Daten Attribute:

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

Durch die Verwendung dieser Optionen können Sie selektiv die Möglichkeit deaktivieren, bestimmte modale Instanzen zu schließen, indem Sie außerhalb ihrer Inhaltsbereiche klicken, während andere modale Instanzen weiterhin normal funktionieren.

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