Les messages d'alerte sont principalement utilisés pour souhaiter que l'utilisateur final affiche des informations telles que les messages d'avertissement ou de confirmation. À l'aide du plugin d'alerte, vous pouvez ajouter une fonction annule à tous les messages de la boîte d'avertissement.
Si vous souhaitez référencer la fonctionnalité du plugin séparément, vous devez référencer Alert.js. Ou, comme mentionné dans le chapitre Bootstrap Plugin Présentation, vous pouvez vous référer à bootstrap.js ou versions compressées de bootstrap.min.js.
1. Utilisation
Vous pouvez activer la fonction de licenciement de la boîte d'avertissement des deux manières suivantes:
1. Via les attributs de données: ajoutez une fonction annule via l'API de données (API de données). Ajoutez simplement Data-Dismiss = "Alert" au bouton Close, et la fonction de clôture sera automatiquement ajoutée à la boîte d'avertissement.
<a data-dissmiss = "alert" href = "#" aria-hidden = "true"> × </a>
2. Via JavaScript: Ajoutez des fonctions annulées via JavaScript:
$ (". alert"). alert ()
2. Exemples simples
La boîte d'avertissement est la case d'information pour cliquer sur les heures.
1. Exemples de base
<div> <Button Type = "Button" Data-Dismiss = "Alert"> <span> × </span> </utton> <p> AVERTISSEMENT: Votre navigateur ne le prend pas en charge! </p> </div>
2. Ajouter l'effet de fondu
<div>
Si JavaScript est utilisé, il peut être remplacé par Data-Dismiss = "Alert"
// Méthode javascript $ ('. Close'). Sur ('cliquez', fonction () {$ ('# alert'). Alert ('close');})Il existe deux types d'événements dans le plug-in d'alerte:
// événements, autres similitudes $ ('# alert'). Sur ('close.bs.lert', function () {alert ('appelé lorsque la méthode de clôture est déclenchée!');});Cette série de didacticiels a été compilée dans: Bootstrap Basic Tutorials Touss spéciaux, bienvenue pour cliquer pour apprendre.
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour étudier et vous attacher 3 sujets passionnants:
Tutoriel d'apprentissage bootstrap
Tutoriel pratique de bootstrap
Tutoriel d'utilisation du plug-in bootstrap
Ce qui précède concerne cet article. J'espère qu'il sera utile pour tout le monde d'apprendre le plugin Bootstrap Warning Box.