Question

这是我的JS代码：

   $('#archive').click(function(){

    $("#intro-page").slideUp(250);
$('#dapper').show();
$('#navigation').show();
$('.picture_holder_thumb').each(function(index) {
$(this).delay(50*index).fadeIn(400);
});

我希望在向上滑动后设置一个短暂的超时... Intro-Page向上滑动，包装器（dapper）将显示然后 - Timeout - .picture_holder_thumb淡入...如何写这个？

Answer 1

jQuery的.slideUp()方法在动画完成时可以使用回调。

.slideUp([duration] [, complete])

所以，

$('#archive').click(function() {
    $("#intro-page").slideUp(250, function() {
        $('#navigation').show();
        $('.picture_holder_thumb').each(function(index) {
            $(this).delay(50 * index).fadeIn(400);
        });
    });
    $('#dapper').show();
});

http://jqapi.com/#p=slideUp

需要在JS中设置一个短暂的超时...如何？

1 个答案: