Pesan peringatan sebagian besar digunakan untuk menginginkan pengguna akhir untuk menampilkan informasi seperti pesan peringatan atau konfirmasi. Menggunakan plugin peringatan, Anda dapat menambahkan fitur yang dapat dibatalkan ke semua pesan kotak peringatan.
Jika Anda ingin merujuk fungsionalitas plugin secara terpisah, maka Anda perlu referensi peringatan.js. Atau, sebagaimana disebutkan dalam bab ikhtisar plugin Bootstrap, Anda dapat merujuk ke bootstrap.js atau versi terkompresi bootstrap.min.js.
1. Penggunaan
Anda dapat mengaktifkan fungsi pemecatan kotak peringatan dengan dua cara berikut:
1. Melalui Atribut Data: Tambahkan fungsi yang dapat dibatalkan melalui API Data (API Data). Cukup tambahkan data-dismiss = "waspada" ke tombol tutup, dan fungsi penutupan akan secara otomatis ditambahkan ke kotak peringatan.
<a data-dismiss = "waspada" href = "#" aria-hidden = "true"> × </a>
2. Melalui JavaScript: Tambahkan fungsi yang dibatalkan melalui JavaScript:
$ (". Peringatan"). Peringatan ()
2. Contoh sederhana
Kotak peringatan adalah kotak informasi untuk mengklik jam.
1. Contoh Dasar
<div> <tombol type = "tombol" data-dismiss = "waspada"> <span> × </span> </button> <p> Peringatan: Browser Anda tidak mendukungnya! </p> </div>
2. Tambahkan efek fade
<div>
Jika JavaScript digunakan, itu dapat diganti dengan data-dismiss = "waspada"
// metode javascript $ ('. Tutup'). On ('klik', function () {$ ('#alert'). Peringatan ('tutup');})Ada dua jenis acara di plug-in peringatan:
// peristiwa, kesamaan lain $ ('#alert'). On ('close.bs.alert', function () {alert ('dipanggil kapan metode penutup dipicu!');});Serangkaian tutorial ini telah dikompilasi ke dalam: Tutorial Dasar Bootstrap Topik Khusus, Selamat datang untuk mengklik untuk belajar.
Jika Anda masih ingin belajar secara mendalam, Anda dapat mengklik di sini untuk mempelajari dan melampirkan 3 topik menarik kepada Anda:
Tutorial Pembelajaran Bootstrap
Tutorial Praktis Bootstrap
Tutorial Penggunaan Plug-In Bootstrap
Di atas adalah semua tentang artikel ini. Saya harap akan sangat membantu bagi semua orang untuk mempelajari plugin kotak peringatan bootstrap.