jquery unbind click然後延遲然後綁定點擊

Question

嗨我想解除一個點擊，然後延遲然後綁定點擊。當頁面加載時，我不想在一段時間內點擊鏈接。

說實話，我不知道如何實現這一點，我很猜測如何做到這一點，因爲我的JQuery知識非常有限。

感謝

$(document).ready(function() {  
    $(".colourise-it").unbind('click').delay(4000).bind('click')(function() { 
      $('.colourise-it').click(function() { 
      $('body').toggleClass('colourise'); 
      }); 
     }); 
}); 

Answer 1

無需bind或unbind只是在頁面加載添加disabled類，如下並在一段時間後啓用：

DEMO

小CSS

.disableClick{ 
    pointer-events: none; 
} 

JS

$(document).ready(function(){ 
    $('.colourise-it').addClass('disableClick'); 
    setTimeout(function(){ 
     $('.colourise-it').removeClass('disableClick'); 
    },4000); 
    $('.colourise-it').bind('click',function(){ 
     $('body').toggleClass('colourise'); 
    }); 
}); 

Answer 2

When the page loads I do not want to be able to click the link for a set period of time.

您可以使用原生JS功能setTimeout它可以讓你在給定超時後執行的功能。
等待，直到頁面將被加載。然後設置超時4000毫秒來綁定點擊和切換CSS類。

$(document).ready(function() { 
    setTimeout(function() { 
     $(".colourise-it").on('click', function() { // ... }); 
     $('body').toggleClass('colourise'); 
    }, 4000); 
}); 

看看這個的jsfiddle與工作示例：DEMO