如何防止在下次点击时进行快速点击，因为其效果是对滑块的计算

Question

当我在下一个图标上正常点击时，它可以很好地工作，但是当在下一个图标计算时快速点击时，其行为与正常行为不同。

[jsfiddle] https://jsfiddle.net/karanbhilware/0wfa2zcs/1/ 

Answer 1

您可以有效地“限制”用户可以点击控件的频率。

尝试这样的事情在你的点击处理程序的顶部：

// If the element has the disabled class, don't execute any more of the function. 
if($('.zw-nw-recNewsNext').hasClass('disabled')) 
    return; 

// Add disabled class on click, then remove after half a second. 
$('.zw-nw-recNewsNext').addClass('disabled'); 
setTimeout(function(){ $('.zw-nw-recNewsNext').removeClass('disabled'); }, 500); 

所以，你可以设置一个伤残等级上点击该按钮，然后时间（这里为500ms）特定的时间间隔后，就可以删除残疾人班。现在当点击按钮时，如果按钮元素没有应用禁用类，用户只能前进/后退。

另一种方法是使用animate()而不是CSS转换来设置您的UL风格 - 使用动画您可以访问回调函数。因此，您可以设置禁用的类（如上所述），但在动画完成后立即将其删除。

这是一个更清洁的解决方案，因为您可以更准确地控制按钮应该或不应该点击的时间，而不是设置特定的值（在我的示例中为500ms）。