我正在玩滑块脚本。在脚本中,将左箭头和右箭头包裹在div中,并将click事件绑定到div上。它没有问题,但是单击div时需要什么,我需要防止连续单击两秒钟。然后,它应该可以再次单击。我将不胜感激任何建议。
$container.find('.laos-slider-controls').bind('click',function(){
var target = $(this).attr('data-target');
if(target!='next'&&target!='prev') target=parseInt(target);
changeSlides(target);
});
HTML是:
<div class="laos-slider-controls-wrapper">
<div class="laos-slider-controls" data-target="prev">‹</div>
<div class="laos-slider-controls" data-target="next">›</div>
<ul class="laos-slider-pagers"></ul>
</div>
最佳答案
一种可能的解决方案是使用标志变量isClickable
和超时在特定时间后重置此标志变量。
(function () {
var isClickable = true;
$container.find('.laos-slider-controls').bind('click',function(){
if (isClickable) {
var target = $(this).attr('data-target');
if(target!='next'&&target!='prev') target=parseInt(target);
changeSlides(target);
isClickable = false;
setTimeout(function () {
isClickable = true;
}, 2000);
}
});
})();
关于javascript - 防止使用jquery在div上绑定(bind)连续的点击,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23891273/