Pemalam kotak amaran Bootstrap yang anda mesti pelajari setiap hari kemahiran javascript

Mesej amaran kebanyakannya digunakan untuk memaparkan maklumat seperti amaran atau mesej pengesahan kepada pengguna akhir. Menggunakan pemalam Alert, anda boleh menambah fungsi penolakan pada semua mesej amaran.

Jika anda ingin merujuk kefungsian pemalam ini secara berasingan, maka anda perlu merujuk alert.js. Sebagai alternatif, seperti yang dinyatakan dalam bab Gambaran Keseluruhan Plugin Bootstrap, anda boleh merujuk bootstrap.js atau versi mini bootstrap.min.js.

1
Anda boleh mendayakan fungsi pemecatan kotak amaran dalam dua cara berikut: 1. Melalui atribut data: Tambah fungsi boleh dibatalkan melalui API Data (API Data) Cuma tambah data-dismiss="alert" pada butang tutup, dan fungsi penutupan akan ditambahkan secara automatik pada kotak amaran.

<a class="close" data-dismiss="alert" href="#" aria-hidden="true">
 &times;
</a>

$(".alert").alert()

2. Contoh mudah
Kotak amaran ialah kotak maklumat pada jam klik. 1. Contoh asas

<div class="alert alert-warning">                   
 <button class="close" type="button" data-dismiss="alert">            
  <span>&times;</span>                     
 </button>                        
 <p>                          
  警告：您的浏览器不支持！                       
 </p>                          
</div>   

//JavaScript 方法

$('.close').on('click', function() {
 $('#alert').alert('close');
})

//事件，其他雷同

$('#alert').on('close.bs.alert', function() {
 alert('当 close 方法被触发时调用！');
});