Maison > interface Web > tutoriel CSS > le corps du texte

Comment désactiver la fermeture des modaux Bootstrap en cliquant à l'extérieur ?

Mary-Kate Olsen
Libérer: 2024-11-13 11:18:02
original
837 Les gens l'ont consulté

How to Disable Closing Bootstrap Modals by Clicking Outside?

Customizing Bootstrap Modal Closing Options

Bootstrap modals provide a convenient way to display additional information or user input, but their default behavior of closing by clicking outside the modal area can sometimes be undesirable.

Can this feature be disabled?

Yes. You can disable the ability to close the modal by clicking outside the modal area by using the backdrop option:

For specific modals using JavaScript:

$('#myModal').modal({backdrop: 'static'});
Copier après la connexion

For specific modals using data attributes:

<button
  data-target="#myModal"
  data-toggle="modal"
  data-backdrop="static"
  data-keyboard="false"
>
  Launch demo modal
</button>
Copier après la connexion

Additional Customization:

To further customize the modal behavior, you can also use the following options:

  • backdrop: Controls whether the modal should have a backdrop.
  • keyboard: Controls whether the modal should be closed by pressing the Esc key.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal