Jquery append fügt in <div> auch Footer und Navi ein, dafuq?

[phönix]

Nabend,

es geht um folgende Zeile:

$("#content").append(data);

data enhält mehrere Bilder aus einer Datenbank, alle strukturiert und fertig zum Darstellen. Es wird jedes Mal, wenn man nach unten gescrollt hat, eine weitere Gruppe an Bildern aus der Datenbank geholt und dann dem bestehendem <div> hinzugefügt. Nur werden dabei auch footer und navi zusätzlich mit hineingeschmissen, obwohl die beiden sich ja außerhalb von #content befinden und ansonsten auch nicht irgendwo im Jquery Code verwendet werden. Wie kann das denn bitte sein?

also:

<div id=wrapper>

<div id=navi></div>

<div id=content></div>

<div id=footer></div>

</div

Ohne Jquery läuft das alles wunderbar, nur werden dann natürlich alle Bilder auf einen Schlag aus der Datenbank geholt. Wäre für eure Hilfe echt dankbar


edit:

hat sich erledigt, muss die Funktion leider rausschmeißen. Ohne den Code quasi neuzuschreiben, lässt sich da nichts machen. Dann begnüge ich mich in dem Fall eben mit PHP

 

[ofhouse]

Das Problem kannst du auch lösen, in dem du aus data nur den relevanten Teil rausfilterst, das Problem ist ja soweit ich verstanden habe, dass die der Server praktisch die komplette Seite nochmal in Data schreibt.
Mittels jQuery musst du deshalb deine Daten nochmal nachbearbeiten, so dass du wirklich nur den Teil mit den Fotos hast.
Die genaue Funktion hab ich jetzt nicht im Kopf, müsste irgendwas in der Richtung substring sein.

 

[musschrott]

Anstelle das HTML mit Bilderlinks nachzuladen kannst du auch so etwas wie lazyload verwenden, was die Bilder erst läd wenn der Nutzer sie in Sicht scrollt: https://github.com/tuupola/jquery_lazyload