Kebutuhan saya adalah untuk memanggil peringatan ketika saya mengklik tombol Tambahkan ke Wishlist dan harus menghilangkan peringatan dalam 2 detik. Ini adalah cara saya mencoba, tetapi peringatan menghilang segera setelah muncul. Tidak yakin, di mana bug itu berada ... Adakah yang bisa membantu saya?
Script JS
$(document).ready (function(){
$("#success-alert").hide();
$("#myWish").click(function showAlert() {
$("#success-alert").alert();
window.setTimeout(function () {
$("#success-alert").alert('close');
}, 2000);
});
});
Kode 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>
Kotak Peringatan:
<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>
javascript
html
twitter-bootstrap
alert
srikanth_naalla
sumber
sumber
Jawaban:
Untuk slideup yang lancar:
sumber
data-dimiss="alert"
atribut. Akan memperbarui skrip.Menggunakan
fadeTo()
kode yang memudar menjadi opacity 500 dalam 2 detik dalam kode "I Can Has Kittenz" tidak dapat dibaca oleh saya. Saya pikir lebih baik menggunakan opsi lain seperti penundaan ()sumber
Mengapa semua jawaban lain digunakan
slideUp
hanya di luar saya. Karena saya menggunakanfade
danin
kelas untuk memiliki peringatan memudar ketika ditutup (atau setelah batas waktu), saya tidak ingin itu "meluncur" dan bertentangan dengan itu.Lagipula
slideUp
metodenya bahkan tidak berhasil. Lansiran itu sendiri tidak muncul sama sekali. Inilah yang bekerja dengan baik untuk saya:sumber
Saya menemukan ini menjadi solusi yang lebih baik
sumber
satu lagi solusi untuk ini Secara otomatis menutup atau memudar pesan peringatan bootstrap setelah 5 detik:
Ini adalah kode HTML yang digunakan untuk menampilkan pesan:
sumber
Di mana parameter fadeTo adalah fadeTo (kecepatan, opacity)
sumber
Tiggers secara otomatis dan manual bila diperlukan
sumber
Ini adalah pendekatan yang baik untuk menampilkan animasi masuk dan keluar menggunakan jQuery
sumber
C # Controller:
Halaman Cukur:
Peringatan Otomatis Tutup:
sumber