Heim >Web-Frontend >CSS-Tutorial >Wie deaktiviere ich das Schließen von Bootstrap-Modalen durch Klicken außerhalb?

Wie deaktiviere ich das Schließen von Bootstrap-Modalen durch Klicken außerhalb?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-11-13 11:18:02882Durchsuche

How to Disable Closing Bootstrap Modals by Clicking Outside?

Anpassen der Optionen für das Schließen von Bootstrap-Modalen

Bootstrap-Modalen bieten eine bequeme Möglichkeit, zusätzliche Informationen oder Benutzereingaben anzuzeigen, ihr Standardverhalten beim Schließen ist jedoch um Das Klicken außerhalb des modalen Bereichs kann manchmal unerwünscht sein.

Kann diese Funktion sein? behindert?

Ja. Sie können die Möglichkeit zum Schließen des Modals deaktivieren, indem Sie mithilfe der Hintergrundoption außerhalb des Modalbereichs klicken:

Für bestimmte Modale, die JavaScript verwenden:

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

Für bestimmte Modalitäten, die Datenattribute verwenden:

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

Zusätzlich Anpassung:

Um das Modalverhalten weiter anzupassen, können Sie auch die folgenden Optionen verwenden:

  • Hintergrund: Steuert, ob das Modal ein haben soll Hintergrund.
  • Tastatur: Steuert, ob das Modal durch Drücken der Esc-Taste geschlossen werden soll Schlüssel.

Das obige ist der detaillierte Inhalt vonWie deaktiviere ich das Schließen von Bootstrap-Modalen durch Klicken außerhalb?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn