2011-01-10 13 views
0

meine angehängten Elemente sind sehr chaotisch und überall. Wenn Sie etwas in einer Box anhängen, bewegen sich die anderen.Wie gebe ich angehängten Elementen eine Position mit jQuery

Meine Frage an Sie ist; Wie kann ich den Elementen, die ich angehängt habe, eine Art Struktur geben? Vielleicht mit einer Art Fliesestrategie?

ich will genau 4 Boxen nebeneinander und den fünften darunter, so dass Sie Reihen von 4. erstellen, aber ich weiß nicht, wie dies zu tun und wenn ihr eine Menge Arbeit

hier mein Code: http://www.jsfiddle.net/Es3R9/

+1

Klingt wie ein CSS-Problem für mich! Die DOM-Elemente, die Sie nebeneinander haben möchten, sollten Geschwister innerhalb desselben übergeordneten Knotens sein. 'appendTo (". container ") scheint mir recht zu sein. Möglicherweise möchten Sie einen Verweis auf das jQuery-Objekt speichern, damit jQuery nicht jedes Mal die gesamte DOM-Struktur des Containers durchsuchen muss, wenn Sie ihm etwas anhängen möchten. –

+0

@aftEkenholm danke das macht Sinn! Was meinst du mit speichern Sie eine Referenz, wenn ich fragen darf? – Opoe

Antwort

2

ändern Sie die Breite des Containers zu 800px und fügen float: left;-.redbox. Das ist es.

+0

Danke das funktioniert! Schöne einfache Lösung :) Weißt du, wie ich verhindern kann, dass die Box unter einem anderen nach rechts springt, wenn Sie in das darüber liegende Kästchen hängen? – Opoe

+1

Ich kann dir nicht folgen. Stellen Sie eine weitere Frage mit einem Beispiel. –

+0

Vielen Dank für Ihre Hilfe, Aaron! Ich werde es zuerst selbst ausprobieren! ;) – Opoe