Wie kann verhindert werden, dass Bootstrap-Modale geschlossen werden, wenn man nach draußen klickt?

So deaktivieren Sie das modale Schließen durch Klicken außerhalb des Bootstrap-Bereichs

Bei Bootstrap-Modalen kann es zu Unannehmlichkeiten kommen, dass ein modales Schließen unbeabsichtigt erfolgt, wenn Benutzer darauf klicken außerhalb des modalen Fensters. Um dieses Problem zu beheben und die Benutzererfahrung zu verbessern, können Sie diese Funktion entweder global oder speziell für bestimmte Modalitäten deaktivieren.

Globale Deaktivierung

Um das Schließen von Modalitäten durch Klicken außerhalb zu deaktivieren Für alle Modalitäten können Sie die Option „Hintergrund“ im modalen Initialisierungsoptionsobjekt ändern. Indem Sie es auf „statisch“ setzen, verhindern Sie, dass das Modal geschlossen wird, wenn Sie außerhalb seiner Grenzen klicken.

Spezifische modale Deaktivierung

Wenn Sie das modale Schließen selektiv deaktivieren möchten Für bestimmte Modalitäten können Sie entweder JavaScript oder Datenattribute verwenden.

Verwenden JavaScript:

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

Verwenden von Datenattributen:

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

Durch Hinzufügen des data-backdrop="static"-Attributs deaktivieren Sie den „backdrop ". Darüber hinaus verhindert das Attribut „data-keyboard="false" das Schließen des Modals durch Drücken der „Esc“-Taste.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass Bootstrap-Modale geschlossen werden, wenn man nach draußen klickt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!