Heim > Web-Frontend > CSS-Tutorial > Wie kann die Höhe versteckter Elemente in jQuery 1.4.2 effizient bestimmt werden?

Wie kann die Höhe versteckter Elemente in jQuery 1.4.2 effizient bestimmt werden?

Linda Hamilton
Freigeben: 2024-12-16 21:05:12
Original
406 Leute haben es durchsucht

How to Efficiently Determine the Height of Hidden Elements in jQuery 1.4.2?

Bestimmen der Höhe verdeckter Elemente mit jQuery

Wenn Sie auf verborgene Elemente innerhalb eines verborgenen übergeordneten Elements stoßen, umfasst das Abrufen ihrer Höhe herkömmlicherweise das Aufdecken des übergeordneten Elements. Ermitteln der Höhe des Elements und anschließendes Ausblenden des übergeordneten Elements wieder. Dieser Prozess kann ineffizient erscheinen.

Potenzielle Lösung für jQuery 1.4.2-Benutzer

Für jQuery 1.4.2-Benutzer bietet der folgende Ansatz eine Alternative zur herkömmlichen Methode:

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 : "");
Nach dem Login kopieren

Indem wir die Stilattribute des Elements vorübergehend ändern, machen wir es sichtbar, aber nicht anzeigbar. Dies ermöglicht es uns, die Höhe des Elements abzurufen und gleichzeitig die Illusion der Verborgenheit aufrechtzuerhalten. Sobald die Höhe erfasst ist, setzen wir den CSS-Stil auf seinen ursprünglichen Zustand zurück.

Das obige ist der detaillierte Inhalt vonWie kann die Höhe versteckter Elemente in jQuery 1.4.2 effizient bestimmt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage