Anda dapat melihat referensi ini tetapi jika tautan ini telah dihapus, baca deskripsi ini:
Panggil modal dengan id myModal dengan satu baris JavaScript:
$('#myModal').modal(options)
Pilihan
Opsi dapat dilewatkan melalui atribut data atau JavaScript. Untuk atribut data, tambahkan nama opsi ke data- , seperti pada 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. |
|-----------|-------------|--------|---------------------------------------------|
Metode
Metode dan transisi yang tidak sinkron
Semua metode API tidak sinkron dan memulai transisi. Mereka kembali ke penelepon segera setelah transisi dimulai tetapi sebelum berakhir. Selain itu, pemanggilan metode pada komponen transisi akan diabaikan.
Lihat dokumentasi JavaScript kami untuk informasi lebih lanjut.
.modal (opsi)
Mengaktifkan konten Anda sebagai modal. Menerima objek opsi opsional.
$('#myModal').modal({
keyboard: false
})
.modal ('beralih')
Beralih modal secara manual. Kembali ke pemanggil sebelum modal benar-benar telah ditampilkan atau disembunyikan (yaitu sebelum acara yang ditampilkan.bs.modal atau hidden.bs.modal).
$('#myModal').modal('toggle')
.modal ('show')
Membuka modal secara manual. Kembali ke penelepon sebelum modal benar-benar ditampilkan (yaitu sebelum peristiwa yang ditampilkan.bs.modal terjadi).
$('#myModal').modal('show')
.modal ('sembunyikan')
Menyembunyikan modal secara manual. Kembali ke pemanggil sebelum modal benar-benar disembunyikan (yaitu sebelum peristiwa hidden.bs.modal terjadi).
$('#myModal').modal('hide')
.modal ('handleUpdate')
Atur kembali posisi modal secara manual jika ketinggian modal berubah saat terbuka (yaitu jika bilah gulir muncul).
$('#myModal').modal('handleUpdate')
.modal ('buang')
Hancurkan modal elemen.
Acara
Kelas modal Bootstrap memaparkan beberapa peristiwa untuk terhubung ke fungsionalitas modal. Semua peristiwa modal dipecat di modal itu sendiri (yaitu di **). Ketikkan Deskripsi
|----------------|--------------------------------------------------------------|
| 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()
atau$('.modal').modal()
?