Vous pouvez voir cette référence mais si ce lien a été supprimé, lisez cette description:
Appelez un modal avec id myModal avec une seule ligne de JavaScript:
$('#myModal').modal(options)
Les options
Les options peuvent être transmises via des attributs de données ou JavaScript. Pour les attributs de données, ajoutez le nom de l'option à data- , comme dans data-backdrop = "" .
|-----------|-------------|--------|---------------------------------------------|
| Name | Type | Default| Description |
|-----------|-------------|--------|---------------------------------------------|
| backdrop | boolean or | true | Includes a modal-backdrop element. |
| | the string | | Alternatively, specify static for a |
| | 'static' | | backdrop which doesn't close the modal |
| | | | on click. |
| | | | |
| keyboard | boolean | true | Closes the modal when escape key is pressed.|
| | | | |
| focus | boolean | true | Puts the focus on the modal when initialized|
| | | | |
| show | boolean | true | Shows the modal when initialized. |
|-----------|-------------|--------|---------------------------------------------|
Les méthodes
Méthodes et transitions asynchrones
Toutes les méthodes API sont asynchrones et démarrent une transition. Ils reviennent à l'appelant dès que la transition est commencée mais avant qu'elle ne se termine. De plus, un appel de méthode sur un composant en transition sera ignoré.
Consultez notre documentation JavaScript pour plus d'informations.
.modal (options)
Active votre contenu en tant que modal. Accepte un objet d'options facultatif.
$('#myModal').modal({
keyboard: false
})
.modal ('bascule')
Bascule manuellement un modal. Retourne à l'appelant avant que le modal ne soit réellement affiché ou masqué (c'est-à-dire avant que l'événement shown.bs.modal ou hidden.bs.modal ne se produise).
$('#myModal').modal('toggle')
.modal («afficher»)
Ouvre manuellement un modal. Retourne à l'appelant avant que le modal ne soit réellement affiché (c'est-à-dire avant que l'événement shown.bs.modal ne se produise).
$('#myModal').modal('show')
.modal ('cacher')
Masque manuellement un modal. Retourne à l'appelant avant que le modal ne soit réellement caché (c'est-à-dire avant que l'événement hidden.bs.modal ne se produise).
$('#myModal').modal('hide')
.modal ('handleUpdate')
Réajustez manuellement la position du modal si la hauteur d'un modal change alors qu'il est ouvert (c'est-à-dire au cas où une barre de défilement apparaît).
$('#myModal').modal('handleUpdate')
.modal («disposer»)
Détruit le modal d'un élément.
Événements
La classe modale de Bootstrap expose quelques événements pour se connecter à la fonctionnalité modale. Tous les événements modaux sont déclenchés sur le modal lui-même (c'est-à-dire sur le **). Type Description
|----------------|--------------------------------------------------------------|
| Event Type | Description |
|----------------|--------------------------------------------------------------|
| show.bs.modal | This event fires immediately when the **show** instance |
| | method is called. If caused by a click, the clicked element |
| | is available as the **relatedTarget** property of the event. |
| | |
| shown.bs.modal | This event is fired when the modal has been made visible to |
| | the user (will wait for CSS transitions to complete). If |
| | caused by a click, the clicked element is available as the |
| | **relatedTarget** property of the event. |
| | |
| hide.bs.modal | This event is fired immediately when the **hide** instance |
| | method has been called. |
| | |
| hidden.bs.modal| This event is fired when the modal has finished being hidden |
| | from the user (will wait for CSS transitions to complete). |
|----------------|--------------------------------------------------------------|
$('#myModal').on('hidden.bs.modal', function (e) {
// do something...
})
$("#yourModal").modal()
ou$('.modal').modal()
?