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

Question

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

事情我已经尝试：

• *.first和.get(index)，但这些方法需要您指定只有一个形象，我想任何图像工作
• .removeClass('.notice')上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'); 
})