Problems with nested collection after pagination

Hello!
I use this solution for nested collections

as well as pagination from Finsweet CMS Load more for Webflow - No-code using Attributes

The problem is that the first solution stops working after pagination.

First Solution Code

<script>
       jQuery(".tr-item").each(function (index) {
  let cmsItem = jQuery(this);
  let itemCategory = cmsItem.find(".tr-category").text();
  jQuery(".tr-contain").each(function (index) {
    let groupCategory = jQuery(this).find(".tr-title").text();
    if (groupCategory === itemCategory) {
      cmsItem.appendTo(jQuery(this).find(".tr-list"));
    }
  });
}
</script>

Is it possible to somehow modify the script so that it runs again after pagination?
I hope for your help!

project link
https://rere-design-e847bd14e563730917d5b2be3ee.webflow.io/

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @abenovkaba !

Thanks for sharing. Did you try to use Finsweet Attributes CMS Load + CMS Nest?
You can check a working example here: CMS Filter + CMS Load + CMS Nest | Attributes

You can clone the project to check inside if needed.

Let me know if you need any help,
Eve Kayser

Hello! I don’t like CMS Nest because it doesn’t support animation(
I realized that the problem is with CMS load. It confuses with other scripts and does not allow them to work(

Thank you for responding!

Not sure if this will help, but I can’t imagine CMS Nest doing anything to affect interactions. I’m assuming that’s what you mean by animation (?).

However because CMS Nest reconfigures the DOM, you probably need to re-initialize IX2 if you want interactions to bind to the new objects with your interaction-targeted classes.

Here’s how;

1 Like