Hover effect on individual items in a repeater

Ask the community
,
4

Hi! I do something similar on my site. I think you may find this post useful. And this API documentation will explain it better than me.
Basically, you’ll need to use $item instead of $w . That way the event will be limited to each individual item in the database/repeater, instead of to the specific element ID.

I haven’t tested this code, but something like this:

export function container1_mouseIn(event) {
    $w("#repeaterName").onItemReady(($item, itemData, index) => {
 if (event.context.itemId === itemData._id) {
 // #box1 is the id of all the boxes, but $item maps through each button on the repeater   
            $item("#box1").show();
        }
    })
}