淡入淡出，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