Wie erhalte ich die Höhe eines versteckten Elements in jQuery?

Ermitteln der Höhe versteckter Elemente in jQuery

Beim Arbeiten mit versteckten Elementen kann es schwierig sein, deren Abmessungen zu ermitteln. Viele Entwickler greifen dazu zurück, das Element vorübergehend sichtbar zu machen, seine Höhe zu messen und es dann wieder zu verbergen. Es gibt jedoch einen effektiveren Ansatz.

jQuery bietet eine komfortable Lösung für diese Aufgabe. So können Sie die Höhe eines versteckten Elements innerhalb eines verborgenen übergeordneten Div ermitteln:

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

Bei diesem Ansatz wird die Position des Elements auf „absolut“ gesetzt (optional, wenn es bereits absolut ist), es unsichtbar gemacht und vorübergehendes Einblenden. Anschließend können Sie die Höhe messen und die vorherigen Stilattribute wiederherstellen. Mit dieser Methode können Sie mit versteckten Elementen arbeiten, ohne das Layout der Seite zu stören oder unnötiges Flackern zu verursachen.

Das obige ist der detaillierte Inhalt vonWie erhalte ich die Höhe eines versteckten Elements in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!