javascript - 同时运行两个 jQuery 函数

Question

我正在使用 jQuery 将某些内容向下滑动并淡出其他内容，但在对其进行测试时，我注意到滑动发生后淡入淡出的时间过长。 换句话说，延迟足够明显。

为了让我自己清楚，我滑动一个而另一个淡出的这两个项目是不同的元素，我不能使用链接。

有没有办法让这些函数同时运行或更靠近一起运行，从而使它们看起来像是在同时运行？

这是我正在使用的 jQuery 代码:

$(document).ready(function(){
    $('#trigger').click( function(){         
        $(this).animate({ opacity: 0.0 });        // fade
        $('#carousel').animate({ top: '100px' }); // slide
        $('#pullrefresh').css('top', '-490px');   // line 5
        $('#detector').hide();                    // line 6
    });
});

渐变和滑动发生在不同的时间，第5行和滑动似乎同时发生。

Answer 1

如果你这样做，它们应该一起运行:

$('#element1').animate({
    opacity: 0.25,
    }, 1000, function() {
        // complete
});

$('#element2').animate({
    opacity: 0,
    }, 1000, function() {
        // complete
});