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
Freigeben: 2024-11-13 11:18:02
Original
885 Leute haben es durchsucht

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'});
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage