Im using infinite scroll V2 with Swiper Slider and after infinite scroll load more content Swiper slider is not working on the new content i need to update Swiper after Infinite callback but the callback is not working for some reason even the console log text isnt append in console on callback
Is it the right way to catch callback in V2 with using $container.on( 'load.infiniteScroll', function() ?
Infinite
` $("#listproduct").addClass("infinitescroll");
var $container = $('.infinitescroll');
Im using infinite scroll V2 with Swiper Slider and after infinite scroll load more content Swiper slider is not working on the new content i need to update Swiper after Infinite callback but the callback is not working for some reason even the console log text isnt append in console on callback Is it the right way to catch callback in V2 with using $container.on( 'load.infiniteScroll', function() ?
Infinite
` $("#listproduct").addClass("infinitescroll"); var $container = $('.infinitescroll');
$container.infinitescroll({ navSelector: ".pagination", nextSelector: ".next-pagination", itemSelector: ".product-layout", history: 'push', loading: { msgText: "Loading ....", } }, $container.on( 'load.infiniteScroll', function() { console.log('fine'); swiper.update(); });`
Swiper
$(".swiper-container").each(function(index, element) { var swiper = new Swiper('.swiper-container', { slidesPerView: 1, loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination' }, spaceBetween: 10, }); });