我如何防止快速点击下一步点击，因为它影响了滑块的计算

Question

当我正常点击下一个图标时，它可以正常工作，但在下一个图标计算中开始快速点击时，表现不像正常行为。

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

Answer 1

你可以有效地限制＆＃39;用户可以点击您的控件的频率。

在点击处理程序的顶部尝试这样的操作：

// 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);

因此，您可以在单击按钮上设置禁用的类，然后在特定的时间间隔（此处为500毫秒）后，您可以删除已禁用的类。现在，当单击按钮时，如果按钮元素没有应用禁用类，则用户只能前进/后退。

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

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