如何防止在下次點擊時進行快速點擊，因爲其效果是對滑塊的計算

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）。