Bagaimana untuk Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery?

Menentukan Ketinggian Elemen Tersembunyi dalam jQuery

Apabila berurusan dengan elemen tersembunyi, ia boleh menjadi mencabar untuk menentukan dimensinya. Isu ini timbul apabila perlu mendapatkan ketinggian elemen yang terletak dalam induk tersembunyi. Pendekatan biasa melibatkan menunjukkan sementara elemen induk, mengekstrak ketinggian, dan kemudian menyembunyikannya semula.

Walau bagaimanapun, kaedah ini mungkin kelihatan tidak cekap. Adakah terdapat penyelesaian yang lebih optimum?

Bagi pengguna jQuery, pendekatan yang lebih canggih boleh digunakan untuk mendapatkan ketinggian elemen walaupun tersembunyi. Dengan memanfaatkan manipulasi "kedudukan mutlak" dan "keterlihatan" jQuery, kita boleh membuat sementara elemen tersembunyi kelihatan untuk tujuan pengukuran:

<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>

Teknik ini melibatkan penetapan elemen dengan induk tersembunyi untuk mempunyai kedudukan mutlak, yang mengeluarkannya daripada aliran dokumen biasa, dan keterlihatan tersembunyi, menjadikannya tidak kelihatan kepada pengguna. Selepas itu, sifat "paparan" ditetapkan kepada "sekat", yang membolehkan elemen menduduki ruang, memenuhi ukuran ketinggian.

Selepas mendapatkan ketinggian, gaya CSS asal dipulihkan untuk mengekalkan keadaan sebelumnya elemen . Pendekatan ini menawarkan cara yang lebih ringkas dan cekap untuk menentukan ketinggian elemen tersembunyi dalam jQuery, mengelakkan perubahan paparan sementara dan 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!