jQuery - 使 .one 在类的任何一个元素上运行，而不是在每个元素上运行一次？

Question

我试图让弹出窗口出现一次，当用户将鼠标悬停在图像库中的任何一个上时触发(class="notice")。我尝试了 .one()，这很有帮助，但现在该消息对于图库中的每个图像都会出现一次。我希望它对所有图像仅出现一次，无论用户首先将鼠标悬停在哪一个图像上。

我尝试过的事情:

• *.first 和 .get(index)，但这些方法要求您仅指定一个图像，我希望任何图像都可以工作
• .removeClass('.notice') on mouseleave，但 jQuery 正在查看旧的 DOM，因此这不起作用。

这是我的代码:

$(document).ready(function(){
    $('.notice').one('mouseenter', function() {
        $('.popup').fadeIn(1000); 
        $(this).addClass('faded');
    })
    .one('mouseleave', function() {
        $('.popup').fadeOut(1000); 
        $(this).removeClass('faded'); 
    });
});

Answer 1

您可以自行解绑:

var $notice = $('.notice');

$notice.on('mouseenter', function() {
    $('.popup').fadeIn(1000); 
    $(this).addClass('faded');

    $notice.off('mouseenter');
})