Infinite Scroll – Auch nachgeladene Posts über JQuery ansprechen.

  • Hallo Wordpress-people!


    Mein Blog[FONT=arial black] http://inge.timrodenbroeker.de[/FONT] hat ein kleines Problem:


    Ich habe eine JQuery-Funktion eingebaut, die den Bildern, wenn man sie anklickt eine neue Klasse gibt. Damit werden die Bilder größer.

    Voilá:


    Code
    <script>
    $( "div.article-content" ).click(function() {
    $( this ).toggleClass( "bigger" );
    });
    </script>

    So weit, so gut.


    Mein Problem: Ich nutze ein infinite Scroll-JQuery-Plugin (das von Paul Irish – http://www.infinite-scroll.com/) und der oben genannte JQuery-Hack funktioniert nur bei den Posts, die nicht über infinite Scroll nachgeladen wurden. Das ist natürlich unfug und ich suche eine Lösung für das Problem.


    Ich habe auch schon einiges versucht, auch, den oben genannten JQuery-Hack erst im Footer abzufeuern, aber das hatte leider auch nicht den gewünschten Effekt.


    Kann mir jemand helfen?


    Danke im voraus!

    VG, Tim

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ich bin inzwischen über die .on-Methode von JQuery gestolpert, die eigentlich eine Lösung des Problems darstellen sollte. Klappt leider immer noch nicht... :-(

    http://api.jquery.com/on/

    So sieht mein Code jetzt aus

    Code
    <script>
    $( "#masonry" ).on("click", ".article-content", function() {
      $( this ).toggleClass( "bigger" );
    });
    </script>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!