Bagaimana saya bisa menggunakan .append()
efek sepertishow('slow')
Mempunyai efek pada append
sepertinya tidak bekerja sama sekali, dan itu memberikan hasil yang sama seperti biasa show()
. Tidak ada transisi, tidak ada animasi.
Bagaimana saya bisa menambahkan satu div ke yang lain, dan memiliki slideDown
atau show('slow')
berpengaruh padanya?
.append()
bahkan tidak mengambil string pemilih. Idenya masih benar. Terima kasih, diperbarui.Intinya adalah ini:
Ini bekerja untuk saya:
atau:
sumber
'normal'
bukan string yang tepat untuk kecepatan. biarkan kosong tanpa transisi (segera muncul). gunakan string'fast'
untuk 200'slow'
ms atau 600 ms. atau ketikkan angka seperti$("element").show(747)
(= 747ms) untuk menentukan kecepatan sendiri. lihat dokumen dan cari animasi / durasi.element.slideUp("slow", function(){ element.appendTo(parent).hide(); element.slideDown(); });
Cara lain ketika bekerja dengan data yang masuk (seperti dari panggilan ajax):
sumber
Sesuatu seperti:
harus melakukannya?
Sunting: maaf, kesalahan dalam kode dan mengambil saran Matt di papan juga.
sumber
$('#divid').append('#newdiv').hide().show('slow')
.Saat Anda menambahkan div, sembunyikan dan perlihatkan dengan argumen
"slow"
.sumber
Setel div yang ditambahkan disembunyikan pada awalnya melalui css
visibility:hidden
.sumber
Saya membutuhkan solusi yang serupa, ingin menambahkan data di dinding seperti facebook, ketika diposting, gunakan
prepend()
untuk menambahkan posting terbaru di atas, mungkin berguna untuk orang lain ..kode dalam ajax.php adalah
sumber
Mengapa Anda tidak menyembunyikan saja, menambahkan, lalu menunjukkan, seperti ini:
sumber
Dimungkinkan untuk menampilkan dengan lancar jika Anda menggunakan Animasi. Dalam gaya cukup tambahkan "animasi: show 1s" dan seluruh penampilan menggambarkan dalam keyframe.
sumber
Dalam kasus saya:
Anda dapat menyesuaikan css Anda dengan visibilitas: tersembunyi -> visibilitas: terlihat dan menyesuaikan transisi dll transisi: visibilitas 1.0s;
sumber