Hey @Support-Luis,
Sorry to resurrect this issue, but I’ve ended up using this same infinite style load more on the projects page of this website as well. Now, I don’t know if I should open a new conversation or not, but it seemed related enough to this so I thought I’d reply to you here.
This projects page has two instances of Load More one for the filters (which you helped me with in this thread https://forum.finsweet.com/t/cms-filter-cms-load-more-loaded-items-wont-filter/2554/5).
Now the issue here is I have tags that utilize the same GSAP interaction and I tried adding the code you already gave me for the GSAP interaction thinking it would work the same for the newly loaded projects, but it didn’t. And maybe that is because it’s the second Load More instance on the page? I also have this custom code which is used to change out the custom cursor when hovering on one of the project links in the grid and it works on the initially loaded items, but not any of the newly loaded ones.
$('.work_featured-link, .work-gallery_link, .gallery_project-link').on('mouseenter', function () {
$('.cursor_dot-wrapper').addClass('cursor-invisible');
$('.cursor-eye').removeClass('cursor-invisible');
$('.cursor').css('mix-blend-mode', 'normal');
});
$('.work_featured-link, .work-gallery_link, .gallery_project-link').on('mouseleave', function () {
$('.cursor_dot-wrapper').removeClass('cursor-invisible');
$('.cursor-eye').addClass('cursor-invisible');
$('.cursor').css('mix-blend-mode', 'difference');
});
The page is found at the link below and the read-only link as well. Any help solving this would be much appreciated!