jquery - 防止滚动时触发多次点击事件

Question

我正在尝试触发滚动上的点击事件。就像滚动顶部的左侧导航和向下滚动的右侧导航一样，我试图通过

来实现它

$('#elem').bind('mousewheel', function(e){
     if(e.delta < 0) {
         //scroll left
         $(".left-nav").trigger("click");
     }else {
         //scroll right
         $(".left-nav").trigger("click");
     }
     return false;
 }); 

但是点击事件被触发多次。请帮助我无论滚动速度如何，仅触发一次点击事件。

提前致谢

Answer 1

试试这个:

var busy = false;
$('#elem').bind('mousewheel', function(e){
    if (!busy) {
        busy = true;
        if(e.delta < 0) {
           //scroll left
           $(".left-nav").trigger("click");
        } else {
           //scroll right
           $(".left-nav").trigger("click");
        }
    }
 return false;
 }); 

然后，当您的点击功能完成时，将“busy”设置为“false”