Bagaimana Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery Dengan Cekap?

Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery

Apabila berurusan dengan elemen tersembunyi, mendapatkan semula ketinggiannya boleh menjadi mencabar. Pendekatan konvensional untuk memaparkan sementara elemen untuk mengukur ketinggiannya dan kemudian menyembunyikannya semula nampaknya tidak cekap. Adakah terdapat penyelesaian yang lebih optimum?

jQuery 1.4.2 Pendekatan

Berikut ialah contoh menggunakan jQuery 1.4.2:

<code class="js">$select.show();
optionHeight = $firstOption.height(); // Obtain height after displaying the element
$select.hide();</code>

Kaedah ini mempunyai kelemahan untuk menukar keterlihatan elemen, yang mungkin menyebabkan kesan sampingan yang tidak diingini.

Menggodam Gaya Elemen

Pendekatan alternatif ialah memanipulasi gaya elemen untuk menjadikannya tidak kelihatan semasa mengira ketinggiannya:

<code class="js">var previousCss = $("#myDiv").attr("style"); // Store the original style

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

optionHeight = $("#myDiv").height(); // Measure height with modified visibility

// Restore the original style
$("#myDiv").attr("style", previousCss ? previousCss : "");</code>

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