Hallo,
ich habe zwei div Elemente nebeneinander angeordnet. Diese möchte ich nun auf eine Höhe bringen. Bisher habe ich für jede neue Seite die height per css angepasst. Auf Dauer ist es aber echt nervig. Daher habe ich ein bisschen nach javascripten geschaut.
Ich habe zwei gefunden, aber keines der beiden Scripte greift zu.
Irgendwas mache ich falsch, vielleicht kann mir jemand helfen.
Hier mal die beiden Codes:
<script type="text/javascript">
var sameHeight = function() {
var maxHeight = -1;
jQuery(‚.navigation,.site-content‘).each(function() {
maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
});
jQuery(‚.navigation,.site-content‘).each(function() {
$(this).height(maxHeight);
});
};
jQuery(document).ready(function() {
sameHeight();
});
</script>
Alles anzeigen
var highest_element = 0;
jQuery('.navigation,.site-content').each(function() {
if ($(this).height() > highest_element) {
highest_element = $(this).height();
}
});
jQuery('.navigation,.site-content').each(function() {
$(this).height(highest_element);
});
Alles anzeigen
Ich habe die Codes jeweils in den footer eingefügt, weil in der functions.php Javascript (jQuery) auf true zugeordnet wurde
Bitte seid nicht zu streng, ich bin noch ziemlicher Anfänger. Es geht mir auch nur um diese eine Javafunktion. Es wäre echt hilfreich, weil ich damit nicht immer die Höhe der Elemente manuell anpassen müsste.
Liebe Grüße