Ich habe eine WordPress-Installation und versuche, mit jQuery einen Load More-Effekt zu erstellen. Ich habe einige Probleme bei der Verwendung der grundlegenden .load-Funktion für Seitenfragmente. Es macht mir nichts aus, .get zu verwenden, da ich hier einige Threads als bessere Lösung gesehen habe.

Hier ist meine Seiten-URL-Struktur und der Inhalt:

Erste Seite:http://example.com/page/1/

The HTML:

<div id="articles">
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
</div>

Zweite Seite:http://example.com/page/2/

The HTML:

<div id="articles">
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
  <div class="story">blah blah blah</div>
</div>

Ich habe einen Link am Ende der Seite und ich habe versucht, Folgendes zu tun:

jQuery(#articles).load('http://example.com/page/2/ #articles');

Leider gibt es 2 Probleme. Zuerst erfasst die .load-Funktion das#articles div und sein Inhalt von der zweiten Seite und platziert es in das vorhandene#articles div. Das heißt, selbst wenn dies funktionieren würde, würde es bei jedem Klick zu rekursiven Divs innerhalb von Divs kommen. Es ist nur chaotisch.

Kann mir jemand mit dem Befehl helfen, einfach das @ anzuhäng.story classes von der zweiten Seite in das#articles div auf der ersten Seite? Ich kann die Logistik der Automatisierung mit Variablen, Schleifen und PHP für WordPress nachher herausfinden. Benötigen Sie nur Unterstützung mit dem richtigen jQuery-Skript.

P.S. Bonusfrage: Wenn jemand weiß, ob jQuery .load / .get Seitenaufrufe beeinträchtigt, was für diejenigen mit werbebasiertem Umsatz wichtig ist, lassen Sie es mich bitte wissen! Wenn jede .load / .get als ein weiterer Treffer für Google Analytics gilt, sind wir gut!

Vielen Dank