Bagaimanakah Saya Boleh Mendapatkan Ketinggian Elemen Di Dalam Div Tersembunyi Dengan Cekap Menggunakan jQuery?

Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery

Mendapatkan ketinggian elemen yang disembunyikan dalam div tersembunyi boleh mencabar. Kaedah konvensional melibatkan paparan div, mendapatkan semula ketinggian dan kemudian menyembunyikannya, yang boleh menyusahkan.

Walau bagaimanapun, terdapat pendekatan yang lebih cekap yang memanfaatkan keupayaan jQuery untuk mengubah suai gaya CSS:

Pendekatan

1. Ubah suai CSS: Tetapkan sifat CSS berikut untuk sementara waktu untuk div tersembunyi:

   • kedudukan: mutlak (pilihan jika div sudah mutlak)
   • keterlihatan: tersembunyi
   • paparan: sekat
2. Dapatkan Ketinggian: Menggunakan fungsi height() jQuery, dapatkan semula ketinggian elemen dalam div yang kini kelihatan.
3. Pulihkan CSS: Setelah ketinggian diperoleh, pulihkan CSS asal sifat div.

Contoh Kod

var previousCss = $("#myDiv").attr("style");

$("#myDiv").css({
    position:   'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display:    'block'
});

optionHeight = $("#myDiv").height();

$("#myDiv").attr("style", previousCss ? previousCss : "");

Pendekatan ini menyediakan cara yang lebih cekap dan fleksibel untuk mendapatkan ketinggian elemen tersembunyi, tanpa perlu menunjukkan dan menyembunyikan div induk berulang kali.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Ketinggian Elemen Di Dalam Div Tersembunyi Dengan Cekap Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!