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

Mendapatkan Ketinggian Elemen Tersembunyi dengan jQuery

Menentukan ketinggian elemen yang tersembunyi dalam div induk yang tersembunyi boleh menjadi mencabar. Adalah tidak cekap untuk mendedahkan elemen buat sementara waktu hanya untuk mendapatkan ketinggiannya dan kemudian menyembunyikannya semula. Berikut ialah penyelesaian yang lebih optimum:

Penyelesaian:

Anda boleh menggunakan coretan kod berikut:

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 : "");

Penjelasan:

1. Simpan gaya CSS semasa div dalam pembolehubah previousCss.
2. Laraskan CSS div dengan menetapkan kedudukannya kepada mutlak (pilihan jika ia sudah mutlak), keterlihatan kepada tersembunyi dan paparan untuk menyekat.
3. Dapatkan ketinggian yang kini boleh dilihat div dan simpannya dalam pembolehubah optionHeight.
4. Pulihkan gaya CSS sebelumnya div atau alih keluar gaya sebaris jika previousCss kosong.

Pendekatan ini mengelakkan keperluan untuk menunjukkan dan menyembunyikan div induk, menghasilkan cara yang lebih cekap untuk mendapatkan ketinggian elemen tersembunyi.

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