jQuery funktioniert nicht auf Ajax unendlich scroll

Question

Ich benutze infinite Ajax Scroll, die Seiten von Ajax auf Scroll lädt. Jetzt muss ich einige Elemente innerhalb jedes li Elements verschieben.

So funktioniert jQuery ordnungsgemäß mit der ersten Seite laden, aber nicht auf der Seite, die von Ajax geladen wird. Kurz gesagt, es arbeitet mit den li-Elementen, die beim ersten Laden der Seiten funktionieren, aber nicht mit li-Elementen arbeiten, die von Ajax geladen werden.

jQuery(document).ready(function() { 
    jQuery('.products.list li').each(function() { 
    var discount = jQuery(this).find('span.discount'); 
    var luckycash = jQuery(this).find('span.rewards__product-points'); 
    }); 

    jQuery(this).find('.price-box.price-final_price').append(discount); 
    jQuery(this).find('.price-box.price-final_price').append(luckycash); 
}); 

Ajax unendlich scroll js ist https://github.com/manishjoy/magento2-catalog-infinite-scroll Ansicht/Frontend/web/js/infinitescroll/jquery.ajaxscroll.min.js

Answer 1

Ja, es ist sicherlich jquery Ereignis Delegation Ausgabe: wie Ändern Sie Ihre Funktion erwähnt unten. Es sollte funktionieren.

jQuery(document).find('.products.list li').each(function() { // Changed function syntax 
    var discount = jQuery(this).find('span.discount'); 
    var luckycash = jQuery(this).find('span.rewards__product-points'); 
    });