onMouseIn/Out inside a repeater

Ask the community
,
2

Hi there! I do something similar on my site. There are many resources for this in the forum, here are a few posts I found that will be helpful to you.
• https://www.wix.com/corvid/forum/community-discussion/no-unique-ids-for-buttons-in-one-repeater
• https://www.wix.com/corvid/forum/community-discussion/hovers-on-repeater-are-slow-sticky?origin=member_comments_page

This API will also be a good reference. Basically, you’ll need to use $item instead of $w for the elements. That way the event will be limited to each individual item in the database/repeater, instead of to the specific element ID.

Something like this:

$w.onReady(function () {
    $w("#yourHoverElement").onMouseIn((event) => {
 let $item = $w.at(event.context);
        $item("#yourBox").show();
    });
    $w("#yourHoverElement").onMouseOut((event) => {
 let $item = $w.at(event.context);
        $item("#yourBox").hide();
    });
})