淡入淡出，jQuery的

Question

幫助我的人這一點，我希望把它當點擊淡出，當它在3秒後回到褪色。

<script type="text/javascript"> 
$(".controls_next2").click(linkBind); 
function linkBind(){ 
    var $this = $(this); 
     $this.addClass('disabled'); 
     $this.unbind('click'); 
     setTimeout(function() { 
      $this.removeClass('disabled'); 
      $this.bind('click', linkBind); 
     }, 3000); 
} 

$(document).on('click', '.disabled', function (e) { 
    e.preventDefault(); 
}); 
</script> 

Answer 1

您可以使用jQuery的fadeOut和fadeIn功能。您可以回撥fadeOut功能，然後使用setTimeout等待3秒鐘，然後撥打fadeIn。

function linkBind() { 
    var $this = $(this); 
    $this.addClass('disabled'); 
    $this.off('click'); 

    $this.fadeOut(function() { 
     setTimeout(function() { 
      $this.removeClass('disabled'); 
      $this.on('click', linkBind); 
      $this.fadeIn(); 
     }, 3000) 
    }); 
} 

Working Demo