我正在玩滑块脚本。在脚本中,将左箭头和右箭头包裹在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">&lsaquo;</div>
  <div class="laos-slider-controls" data-target="next">&rsaquo;</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/

10-12 12:39
查看更多