Puoi vedere questo riferimento ma se questo link è stato rimosso, leggi questa descrizione:
Chiama un modale con id myModal con una singola riga di JavaScript:
$('#myModal').modal(options)
Opzioni
Le opzioni possono essere passate tramite attributi di dati o JavaScript. Per gli attributi dei dati, aggiungi il nome dell'opzione a data- , come in data-background = "" .
|-----------|-------------|--------|---------------------------------------------|
| 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. |
|-----------|-------------|--------|---------------------------------------------|
metodi
Metodi e transizioni asincroni
Tutti i metodi API sono asincroni e avviano una transizione. Tornano al chiamante non appena inizia la transizione, ma prima che termini. Inoltre, una chiamata di metodo su un componente in transizione verrà ignorata.
Consulta la nostra documentazione JavaScript per ulteriori informazioni.
.modal (opzioni)
Attiva i tuoi contenuti come modali. Accetta un oggetto opzioni opzionale.
$('#myModal').modal({
keyboard: false
})
.modal ( 'ginocchiera')
Attiva o disattiva manualmente un modale. Ritorna al chiamante prima che il modale sia stato effettivamente mostrato o nascosto (ovvero prima che si verifichi l'evento most.bs.modal o hidden.bs.modal).
$('#myModal').modal('toggle')
.modal ( 'show')
Apre manualmente un modale. Ritorna al chiamante prima che il modale sia stato effettivamente mostrato (cioè prima che si verifichi l'evento most.bs.modal).
$('#myModal').modal('show')
.modal ( 'nascondere')
Nasconde manualmente un modale. Ritorna al chiamante prima che il modale sia stato effettivamente nascosto (ovvero prima che si verifichi l'evento hidden.bs.modal).
$('#myModal').modal('hide')
.modal ( 'handleUpdate')
Regola manualmente la posizione del modale se l'altezza di un modale cambia mentre è aperta (cioè nel caso in cui appare una barra di scorrimento).
$('#myModal').modal('handleUpdate')
.modal ( 'dispose')
Distrugge il modale di un elemento.
eventi
La classe modale di Bootstrap espone alcuni eventi per collegarsi alla funzionalità modale. Tutti gli eventi modali vengono generati sul modale stesso (cioè sul **). Tipo Descrizione
|----------------|--------------------------------------------------------------|
| 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()
o$('.modal').modal()
?