Minha necessidade é chamar o alerta quando eu clicar no botão Adicionar à lista de desejos e deve desaparecer o alerta em 2 segundos. Foi assim que tentei, mas o alerta desapareceu instantaneamente assim que apareceu. Não tenho certeza, onde está o erro .. Alguém pode me ajudar?
Script JS
$(document).ready (function(){
$("#success-alert").hide();
$("#myWish").click(function showAlert() {
$("#success-alert").alert();
window.setTimeout(function () {
$("#success-alert").alert('close');
}, 2000);
});
});
Código HTML:
<div class="product-options">
<a id="myWish" href="" class="btn btn-mini">Add to Wishlist </a>
<a href="#" class="btn btn-mini"> Purchase </a>
</div>
Caixa de alerta:
<div class="alert alert-success" id="success-alert">
<button type="button" class="close" data-dismiss="alert">x</button>
<strong>Success!</strong>
Product have added to your wishlist.
</div>