Los mensajes de alerta se utilizan principalmente para querer que el usuario final muestre información como advertencia o mensajes de confirmación. Usando el complemento de alerta, puede agregar una función cancelable a todos los mensajes de cuadro de advertencia.
Si desea hacer referencia a la funcionalidad del complemento por separado, debe hacer referencia a Alert.js. O, como se menciona en el capítulo de descripción general del complemento Bootstrap, puede consultar bootstrap.js o versiones comprimidas de bootstrap.min.js.
1. Uso
Puede habilitar la función de despido del cuadro de advertencia de las siguientes dos maneras:
1. A través de los atributos de datos: agregue una función cancelable a través de la API de datos (API de datos). Simplemente agregue Data-Dismiss = "Alerta" al botón Cerrar, y la función de cierre se agregará automáticamente al cuadro de advertencia.
<a data-dismiss = "alerta" href = "#" aria-hidden = "true"> × </a>
2. A través de JavaScript: Agregar funciones canceladas a través de JavaScript:
$ (". Alert"). Alert ()
2. Ejemplos simples
El cuadro de advertencia es el cuadro de información para hacer clic en las horas.
1. Ejemplos básicos
<div> <button type = "Button" data-dismiss = "alert"> <span> × </span> </boton> <p> Advertencia: ¡su navegador no lo admite! </p> </div>
2. Agregar efecto de desvanecimiento
<div>
Si se usa JavaScript, puede ser reemplazado por Data-Dismiss = "Alerta"
// Método JavaScript $ ('. Close'). On ('Click', function () {$ ('#Alert'). Alert ('Close');})Hay dos tipos de eventos en el complemento de alerta:
// Eventos, otras similitudes $ ('#alerta'). On ('close.bs.alert', function () {alert ('llamado cuando el método de cierre se desencadena!');});Esta serie de tutoriales se ha compilado en: Tutoriales básicos de Bootstrap Temas especiales, bienvenidos a Click To Learn.
Si aún desea estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior se trata de este artículo. Espero que sea útil para todos aprender el complemento de la caja de advertencia de Bootstrap.