jQuery循环 - 用鼠标滚轮控制？(jQuery cycle - control with mousewheel? (How to prevent mousewheel from continuously cycling?))

 我正在使用jQuery循环与mousewheel插件结合使用。 我已经构建它，以便鼠标滚轮将根据轮子的移动方式在整个循环中移动。 但是，一旦周期发生变化，我想防止鼠标轮暂时在周期中移动一段时间，或者直到它在周期移动太快时向相反方向移动。 
 
 是否有任何方法可以阻止事件在每次触发后立即被触发？ 
 
 我创建了一个JSBIN： 
 
 http://jsbin.com/evaxas/10 
 
 编辑：修复了鼠标滚轮的问题，现在它工作prev / next 
 
 - 
 
 编辑：在下面的r0m4n的帮助下，我设法找到了一个很好的解决方案。 下面的答案是好的，但在调用滚动之前会产生一些延迟，所以我决定创建一个可以绑定和反弹的函数。 
 
 http://jsbin.com/evaxas/13/ 
 
function wheelMove(event,deltaY) {
  event.preventDefault();
  $('#cycle').unbind('mousewheel', wheelMove);

  if (deltaY > 0) {
    $('#cycle').cycle('next');
  }
  if (deltaY < 0) {
    $('#cycle').cycle('prev');
  }
}

$(document).ready(function(){
  $('#cycle').cycle({
    fx: 'scrollVert',
    speed: 800,
    timeout: 0,
    after: function(){
      interval = setTimeout(function(){
        $('#cycle').bind('mousewheel', wheelMove);
      },1600);
    }
  });

  $('#cycle').bind('mousewheel',wheelMove);
});

I am using jQuery cycle in combination with a mousewheel plugin. I have built it so that the mousewheel will move through the cycle depending on how the wheel is moved. However, once the cycle changes, I would like to prevent the mousewheel from temporarily moving through the cycle for a moment or until it moves in the opposite direction as the cycle moves too quickly.
 
Is there any way to stop the event from being fired momentarily after it is fired each time?
 
I have created a JSBIN:
 
http://jsbin.com/evaxas/10
 
EDIT: Fixed an issue with the mousewheel, now it works prev/next
 
--
 
EDIT: With the help of r0m4n below, I managed to figure out a good solution. The answer below is good but creates a bit of delay before the scroll is called, so I decided to create a function that can be bound and rebound.
 
http://jsbin.com/evaxas/13/
 
function wheelMove(event,deltaY) {
  event.preventDefault();
  $('#cycle').unbind('mousewheel', wheelMove);

  if (deltaY > 0) {
    $('#cycle').cycle('next');
  }
  if (deltaY < 0) {
    $('#cycle').cycle('prev');
  }
}

$(document).ready(function(){
  $('#cycle').cycle({
    fx: 'scrollVert',
    speed: 800,
    timeout: 0,
    after: function(){
      interval = setTimeout(function(){
        $('#cycle').bind('mousewheel', wheelMove);
      },1600);
    }
  });

  $('#cycle').bind('mousewheel',wheelMove);
});

原文：https://stackoverflow.com/questions/9910816