Bagaimana untuk Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery?

Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery

Apabila bekerja dengan elemen tersembunyi, mungkin sukar untuk mendapatkan dimensinya. Ramai pembangun menggunakan untuk mendedahkan unsur itu buat sementara waktu, mengukur ketinggiannya, dan kemudian menyembunyikannya semula. Walau bagaimanapun, terdapat pendekatan yang lebih berkesan.

jQuery menyediakan penyelesaian yang mudah untuk tugas ini. Begini cara anda boleh mendapatkan ketinggian elemen tersembunyi dalam div induk yang tersembunyi:

<code class="javascript">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 : "");</code>

Pendekatan ini melibatkan penetapan kedudukan elemen kepada "mutlak" (pilihan jika ia sudah mutlak), menjadikannya tidak kelihatan dan menyahsembunyikannya buat sementara waktu. Anda kemudian boleh mengukur ketinggiannya dan memulihkan atribut gaya sebelumnya. Kaedah ini membolehkan anda bekerja dengan elemen tersembunyi tanpa mengganggu reka letak halaman atau menyebabkan kelipan yang tidak perlu.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!