jQuery gleichgroße responsive div Zeilen

8

Ich weiß, dass diese Frage eine Million Mal gestellt wurde, aber ich suche nach etwas Bestimmterem.

Da meine Site vollständig reaktionsfähig ist, müssen die divs auf der Basis einer Reihe skaliert werden, anstatt alle auf eine Höhe zu setzen.

Ich verwende den folgenden modifizierten Code, um die Höhe aller divs innerhalb eines Containers festzulegen:

%Vor%

Ich habe var thisTop = el.position().top; , um festzustellen, welche Elemente sich in derselben Zeile befinden, bin mir aber nicht sicher, wie ich dann alle Elemente in derselben Zeile auf den höchsten Wert setzen kann?

Derzeit setzt .height(curHighest); alle Elemente auf dieselbe Höhe, unabhängig davon, ob sie sich in derselben Zeile befinden oder nicht.

Vielen Dank für Ihre Hilfe.

    
dclawson 23.10.2012, 11:06
quelle

3 Antworten

11

Verwaltet, um das mit dem folgenden Code zu arbeiten:

%Vor%

Ich habe auch die Möglichkeit hinzugefügt, ein bestimmtes Element anzugeben, sodass stattdessen die Höhe geändert wird.

Verwendung:

%Vor%     
dclawson 31.10.2012, 16:37
quelle
1

Ich musste kürzlich das Gleiche machen, das ist es, womit ich endete:

%Vor%

Hier ist eine Geige

    
billyonecan 08.08.2014 13:02
quelle
0

Ich habe dclawsons ausgezeichnete Antwort genommen und einige Änderungen vorgenommen, so dass es in anderen Situationen funktioniert, besonders bei verschachtelten Elementen, wie es in Bootstrap-Zeilen der Fall ist.

%Vor%

Es funktioniert mit der gleichen Syntax

%Vor%     
ravida 12.03.2018 00:14
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Standard ML Funktor Beispiele