الحصول على ارتفاع العناصر المخفية في jQuery

عند التعامل مع العناصر المخفية، قد يكون استرداد ارتفاعها أمرًا صعبًا. يبدو أن النهج التقليدي المتمثل في عرض العنصر مؤقتًا لقياس ارتفاعه ثم إخفائه مرة أخرى غير فعال. هل هناك حل أمثل؟

jQuery 1.4.2 Approach

$select.show();
optionHeight = $firstOption.height(); // Obtain height after displaying the element
$select.hide();

اختراق نمط العنصر

var PreviousCss = $("#myDiv").attr("style"); // قم بتخزين النمط الأصلي

// اضبط مستوى الرؤية على "مخفي" وعرضه على "محظور"
$("#myDiv").css({
    الموضع: 'مطلق'، // اختياري إذا كان العنصر مطلقًا بالفعل
    الرؤية: "مخفي"،
    عرض: "كتلة"
});

optionHeight = $("#myDiv").height(); // قياس الارتفاع مع إمكانية الرؤية المعدلة

// استعادة النمط الأصلي
$("#myDiv").attr("style", PreviousCss ? PreviousCss : "");