Bagaimana untuk Menghidupkan Div daripada Ketinggian Tetap kepada Ketinggian Autonya dalam jQuery?

Cara Menghidupkan Elemen kepada Ketinggian Autonya dalam jQuery

Apabila cuba menghidupkan

daripada ketinggian tetap kepada ketinggian autonya menggunakan jQuery, sesetengah pengguna mungkin menghadapi kesukaran. Berikut ialah penyelesaian kepada cabaran ini:

Kod yang disediakan:

$("div:first").click(function(){
  $("#first").animate({
    height: "auto"
  }, 1000 );
});

menghadapi isu kerana penyemak imbas tidak akan menghidupkan perubahan ketinggian daripada nilai tetap kepada "auto."

Untuk mencapai animasi yang diingini, ikuti langkah berikut:

1. Simpan arus ketinggian:

var curHeight = $('#first').height();

2. Tetapkan ketinggian kepada "auto" buat sementara waktu:

$('#first').css('height', 'auto');

3. Dapatkan kereta ketinggian:

var autoHeight = $('#first').height();

4. Pulihkan ketinggian semasa dan animasikan ke ketinggian auto:

$('#first').height(curHeight).animate({height: autoHeight}, 1000);

Ini penyelesaian berfungsi kerana ia mula-mula mendapatkan semula ketinggian semasa, membolehkan penyemak imbas menentukan ketinggian terakhirnya apabila ditetapkan kepada "auto."

Atas ialah kandungan terperinci Bagaimana untuk Menghidupkan Div daripada Ketinggian Tetap kepada Ketinggian Autonya dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery auto using this animation

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn