tutoriais mais recente desenvolvimento web
 

Bootstrap Alerta JS


Alerta JS (alert.js)

O plugin de alerta incluem opções e métodos para fechar as mensagens de alerta.

Para um tutorial sobre alertas, leia nossa Alertas Tutorial Bootstrap .


As Classes Alerta Plugin

Classe Descrição Exemplo
.alert Cria uma caixa de mensagem de alerta Tente
.alert-success Indica uma ação bem-sucedida ou positivo Tente
.alert-info botão contextual para mensagens de alerta informativo Tente
.alert-warning Indica que o cuidado deve ser tomado com esta ação Tente
.alert-danger Indica uma ação perigosa ou potencialmente negativo Tente
.close Estilos no botão fechar para a mensagem de alerta (flutua direita com um font-size especificado, cor, etc.) Tente

Fechar alertas via data-* Atributos

Adicionar data-dismiss="alert" para um link ou um elemento de botão para fechar a mensagem de alerta.

Exemplo

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
Tente você mesmo "

Fechar alertas via JavaScript

Feche manualmente com:

Exemplo

$('.close').alert();
Tente você mesmo "

Opções de alerta

None

Métodos de alerta

A tabela a seguir lista os métodos de alerta todos disponíveis.

Método Descrição Tente
.alert("close") Fecha a mensagem de alerta Tente

Eventos de alerta

A tabela a seguir lista eventos de alerta todos disponíveis.

Evento Descrição Tente
close.bs.alert Ocorre quando a mensagem de alerta está prestes a ser fechada Tente
closed.bs.alert Ocorre quando a mensagem de alerta foi fechado Tente