ความต้องการของฉันคือโทรแจ้งเตือนเมื่อฉันคลิกที่ปุ่มเพิ่มไปยังสิ่งที่ปรารถนาและควรหายไปการแจ้งเตือนใน 2 วินาที นี่คือวิธีที่ฉันลอง แต่การแจ้งเตือนจะหายไปทันทีที่ปรากฏขึ้น ไม่แน่ใจว่าข้อผิดพลาดอยู่ที่ไหน .. ใครช่วยฉันได้บ้าง
สคริปต์ JS
$(document).ready (function(){
$("#success-alert").hide();
$("#myWish").click(function showAlert() {
$("#success-alert").alert();
window.setTimeout(function () {
$("#success-alert").alert('close');
}, 2000);
});
});
รหัส 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>
กล่องแจ้งเตือน:
<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>