Question

我希望在jquery中2秒后启用点击事件。我希望停止点击事件2秒并在2秒后启用它

jQuery(document).ready(function($){
var i=0;
$('.clickBtn').click(function(event){
setTimeout(function(){
event.preventDefault();
},2000);
 
 });
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="clickBtn">click</a>

Answer 1

请尝试此代码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="click-div">
    <a class="clickBtn">click</a>
</div>

<script type="text/javascript">

jQuery(document).ready(function($){
    $('.clickBtn').addClass('non-clickable');
    setTimeout(function(){
        $('.clickBtn').removeClass('non-clickable');
    },2000);

    $('.click-div').on('click', '.clickBtn', function(event){
        if($(this).hasClass('non-clickable'))
        {
            return false;
        }
    });
});

</script>

Answer 2

您可以在一段时间后使用setTimeout功能启用按钮使用prop向元素添加属性。

＆＃13;

$('#myBtn').click(function() {

  // your button
  var mybutton = $(this);

 mybutton.prop('disabled', true);

  //Your ajax code

//remove disable attribute after 2 second.
  setTimeout(function() {
    mybutton.prop('disabled', false);
  }, 2000);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="myBtn">Click Me</button>

＆＃13;

防止点击事件两秒钟

2 个答案: