阻止事件触发后触发一次

Question

我有以下代码:

$('body').mousemove(function() {
    $('#covering').fadeOut(500);
    $('.block div div').fadeOut(250)
    $('.block div div').css('margin-top','160px')
    $('.block div div').fadeIn(250);
});

基本上我要做的是有一个"覆盖"div淡出(如在这个问题中)并且有一些块元素的内部div淡出,默默地移动,并且淡入以获得无缝效果.

但是,运行此操作时,每次移动鼠标时,都会运行上述所有操作.它提出了一个问题,因为这不是我想要发生的事情(我希望它发生一次,就是这样),我猜它会减慢浏览器的速度,可能会导致堆叠.

我想我曾经在某处读过如果一旦执行一次就停止执行某些事情,但是我记不住了,所以有没有办法做到这一点？谢谢.

Answer 1

$('body').one('mousemove', function() {
        $('#covering').fadeOut(500);
        $('.block div div').fadeOut(250)
        $('.block div div').css('margin-top','160px')
        $('.block div div').fadeIn(250);
});

更多信息:http://docs.jquery.com/Events/one