Wie kann ich die Höhe eines versteckten Elements in jQuery effizient ermitteln?

Alternative Methode zum Abrufen der Höhe versteckter Elemente in jQuery

Wenn Sie mit der Notwendigkeit konfrontiert werden, die Höhe eines darin verborgenen Elements abzurufen B. ein verstecktes übergeordnetes Div, denken Sie möglicherweise, dass es notwendig ist, das übergeordnete Div kurzzeitig anzuzeigen, um die Höhe zu erfassen, bevor es wieder ausgeblendet wird. Dieser Ansatz kann jedoch überflüssig erscheinen. Gibt es eine effizientere Lösung?

In den jQuery-Versionen 1.4.2 können Sie eine Technik verwenden, bei der die CSS-Stile des ausgeblendeten übergeordneten Elements vorübergehend angepasst werden:

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 : "");

Diese Methode ermöglicht Sie können die Höhe des ausgeblendeten Elements ermitteln, ohne dessen übergeordnetes Div tatsächlich anzuzeigen. Dies geschieht durch strategisches Festlegen von Eigenschaften wie Sichtbarkeit und Anzeige, um das Element vorübergehend für die Messung sichtbar zu machen, und anschließender Wiederherstellung seiner ursprünglichen CSS-Stile. Dadurch entfallen Zwischenschritte zum Ein- und Ausblenden des übergeordneten Div.

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