jQuery延迟和隐藏元素

Question

为什么以下不工作？我如何点击一个元素，稍微隐藏一下，然后显示它？ http://jsfiddle.net/ba8bJ/

$('#myButton').click(function() {$(this).hide().delay(800).show()}); 

Answer 1

hide()和show()只有指定的期间内被使用的动画队列。

您可以提供的0的持续时间和简单的写：

$("#myButton").click(function() { 
    $(this).hide(0).delay(800).show(0); 
}); 

你会发现一个更新的小提琴here。

Answer 2

一般来说，delay()是动画。使用setTimeout()来代替：

http://jsfiddle.net/rGqpn/

$('#myButton').click(function() { 
    var $this = $(this).hide(); 
    setTimeout(function() { 
     $this.show(); 
    }, 800); 
}); 

Answer 3

$('#myButton').click(function() { 
    $(this).fadeOut(0).delay(800).fadeIn(0) 
}); 

延迟仅适用于动画/查询功能

Answer 4

传递一个时间显示（）和隐藏（），因为在设置的持续时间，.show()成为一个动画方法：

$('#myButton').on('click', function() { 
    $(this).hide(0).delay(800).show(0); 
}); 

JSFiddle