Bootstrap boîte d'alerte
Boîte d'avertissement (Alert) message est principalement utilisé pour afficher des informations telles que les utilisateurs finaux veulent un message d'avertissement ou de confirmation. Boîte avec un avertissement (Alert) plug-in, vous pouvez ajouter cancel (rejeter) fonction pour toute la boîte de message d'avertissement.
usage
Il y a deux façons que vous pouvez activer une boîte d'avertissement pour annuler la fonction (de licenciement):
- Grâce à l' attribut de données:en ajoutant API de données (API de données) pour annuler la fonction, seulement besoin d'ajouter un bouton pour désactiver lesdonnées-rejeter = "alerte",il va automatiquement ajouter des fonctionnalités à désactiver la boîte d'avertissement.
<a class="close" data-dismiss="alert" href="#" aria-hidden="true"> Et les heures; </a>
- Par JavaScript: l' ajout annuler la fonctionnalité via JavaScript:
$ ( ". Alert"). Alert ()
Exemples
L'exemple suivant illustre l'utilisation d'un widget boîte d'avertissement (Alert) par des données d'attribut d'utilisation.
Exemples
Essayez »
Les résultats sont les suivants:
options de
Il n'yapasd'options.
manière
Voici quelques-unes boîte d'avertissement (Alert) plug-in des moyens utiles:
方法 | 描述 | 实例 |
---|---|---|
.alert() | 该方法让所有的警告框都带有关闭功能。 |
$('#identifier').alert(); |
Close Method.alert('close') | 关闭所有的警告框。 |
$('#identifier').alert('close'); |
Pour activer l' animation quand il est fermé, assurez - vous que vous ajoutez le.fade et la classe .in.
Exemples
L'exemple suivant illustre.alert méthode ():
Exemples
Essayez »
Vous pouvez voir tout le message d'avertissement sont appliqués hors fonction éteint toute boîte d'avertissement, l'autre zone d'alerte restante sera fermée.
événement
Le tableau ci-dessous présente la boîte d'avertissement (Alert) plug-ins à utiliser dans l'événement. Ces événements peuvent être utilisés lorsque la fonction de crochet.
事件 | 描述 | 实例 |
---|---|---|
close.bs.alert | 当调用close实例方法时立即触发该事件。 |
$('#myalert').bind('close.bs.alert', function () { // 执行一些动作... }) |
closed.bs.alert | 当警告框被关闭时触发该事件(将等待 CSS 过渡效果完成)。 |
$('#myalert').bind('closed.bs.alert', function () { // 执行一些动作... }) |
Exemples
L'exemple suivant illustre la boîte d'événement d'avertissement (Alert) plug-in:
Exemples
Essayez »
Les résultats sont les suivants: