jquery mousewheel插件：如何每次滚动仅触发一个功能

Question

我正在使用 moushweel 插件，因为我希望我的用户每次向上或向下滚动时都会触发一个操作，但我不想多次触发（如果你有一个苹果魔术鼠标，那就更糟糕了，因为太敏感了）

任何想法怎样预防呢？

这是代码

jQuery(function($) {
    $('div.mousewheel_example')
        .bind('mousewheel', function(event, delta) {
            var dir = delta > 0 ? 'Up' : 'Down',
                vel = Math.abs(delta);
            $(this).text(dir + ' at a velocity of ' + vel);
            return false;
        });
});

这是插件页面 http://brandonaaron.net/code/mousewheel/demos

Answer 1

您可以尝试使用 window.setTimeout。也许通过拉出嵌套函数并使用带有计时器的代理函数来实现。示例：

var timer; 

function proxyFunction(){
  clearTimeout(timer);
  timer = setTimeout("mouseWheelAction", 1);
}

这不会停止事件触发，但会阻止您的函数在每次事件触发时运行。

Answer 2

有病，明白了。
如果您正在内部运行动画，只需在其前面添加 .stop()
所以它会读

$('#findme').stop().animate(...);