# Keep Javascript interactions with CMS Load

**URL:** <https://forum.finsweet.com/t/keep-javascript-interactions-with-cms-load/2023>\
**Category:** Attributes\
**Created:** [October 9, 2023, 10:16am UTC](https://forum.finsweet.com/t/keep-javascript-interactions-with-cms-load/2023 "2023-10-09T10:16:48Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![pablo.faust](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/pablo.faust/32/1745_2.png) [@pablo.faust](https://forum.finsweet.com/u/pablo.faust)\
**Post date:** [October 9, 2023, 10:16am UTC](https://forum.finsweet.com/t/keep-javascript-interactions-with-cms-load/2023/1 "2023-10-09T10:16:48Z")

</div>

Hi,

CMS Load provides a way to keep Webflow interactions working after loading new items. But how about keeping interactions that have been set with pure JS?

Here’s my demo: [Projets](https://studio-format.webflow.io/projets)

When knew items are charged below the list, the hover effects won’t work on them.

Read-only: [Webflow - Studio Format](https://preview.webflow.com/preview/studio-format?utm_medium=preview_link&utm_source=designer&utm_content=studio-format&preview=cf4a4b53cc3c76b46f8b7df3d31eb644&pageId=6523be4847eaaefd1122a6b8&workflow=preview)

Thanks!

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [October 9, 2023, 5:12pm UTC](https://forum.finsweet.com/t/keep-javascript-interactions-with-cms-load/2023/2 "2023-10-09T17:12:01Z")

</div>

hey @pablo.faust! You can use the CMS Load API like this to animate newly rendered items on your list

```js
<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmsload',
    (listInstances) => {
      console.log('cmsload Successfully loaded!');

      const [listInstance] = listInstances;

      function itemAnimation(params) {
        // code to animate CMS items with JS
      }

      itemAnimation();

      listInstance.on('renderitems', (renderedItems) => {
        itemAnimation();
      });
    },
  ]);
</script>

```