Usando Bootstrap e criei um botão save no qual executa uma função específica selector()
. Esta função será executada somente depois que salvar no banco, então mostrará uma alerta que desaparecerá em de uns instantes. No entanto está sendo executando somente uma vez e não mais. (sei que é algo extremamente simples)
function selector() {
$(".alert").removeClass('hidden');
window.setTimeout(function() {
$(".alert").fadeTo(500, 0).slideUp(500, function(){
$(this).remove();
});
}, 4000);
}
body{
padding: 30px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"/>
<div class="alert alert-success hidden" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<strong>Congratulations!</strong> Saved successfully!
</div>
<button style="margin: 10px" type="button" onClick="$(selector).click()" class="btn btn-primary" data-toggle="modal" data-target="#category">save</button>
Como tem que ser feito para que o alerta apareça toda vez for executado a função selector()
?