Ich versuche, jQuery dazu zu bringen, die Höhe eines Elements zu berechnen, und dann eine Klasse hinzuzufügen, mit der ich die Höhe des Elements in CSS auf 0px setze.
Mein Problem ist, dass jQuery diese Berechnungen nicht in der richtigen Reihenfolge durchführt. Dies ist, was ich passieren möchte ...
$(document).ready(function(){
elementHeight = $("div#test").outerHeight(true); // Calculate the height of the element before we do anything else
}, $("div#test").addClass("zeroheight")); // Once we"ve calculated add a CSS class
das CSS ...
#test {
height: 0;
}
Angenommen, die natürliche Elementhöhe beträgt 300px - die Variable elementHeight sollte 300px zurückgeben, da ich nur eine Klasse anwende, um die Höhe zu ändern, nachdem addClass ausgeführt wurde.
Aber es gibt stattdessen 0px zurück.
Kann mir jemand eine Lösung geben, wie ich den 300px-Wert als Berechnung erhalten kann, bevor ich eine Klasse hinzufüge, um die Höhe auf 0 zu setzen?
Danke vielmals
Antworten:
1 für die Antwort № 1$(document).ready(function(){
var elementHeight = $("#test").height();
$("#test").addClass("zeroheight");
});