Bagaimanakah Saya Boleh Mendapatkan Ketinggian Elemen Tersembunyi dengan Cekap dalam jQuery?

Kaedah Alternatif untuk Mendapatkan Ketinggian Elemen Tersembunyi dalam jQuery

Apabila berhadapan dengan keperluan untuk mendapatkan semula ketinggian elemen yang tersembunyi dalam div induk tersembunyi, anda mungkin fikir perlu menunjukkan div induk itu seketika untuk mengumpulkan ketinggian sebelum menyembunyikannya semula. Walau bagaimanapun, pendekatan ini mungkin kelihatan berlebihan. Adakah terdapat penyelesaian yang lebih cekap?

Dalam jQuery versi 1.4.2 , anda boleh menggunakan teknik yang melibatkan pelarasan sementara gaya CSS unsur induk tersembunyi:

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

// Temporarily adjust CSS styles to enable height measurement
$("#myDiv").css({
    position: 'absolute', // Optional if #myDiv is already absolute
    visibility: 'hidden',
    display: 'block'
});

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

// Restore original CSS styles
$("#myDiv").attr("style", previousCss ? previousCss : "");

Kaedah ini membenarkan anda untuk mendapatkan ketinggian elemen tersembunyi tanpa benar-benar memaparkan div induknya. Ia berbuat demikian dengan menetapkan sifat secara strategik seperti keterlihatan dan paparan untuk membuat sementara elemen kelihatan untuk pengukuran, dan kemudian memulihkan gaya CSS asalnya selepas itu. Ini menghapuskan keperluan untuk langkah perantaraan untuk menunjukkan dan menyembunyikan div induk.

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