.delay()不工作。

Question

$('.link').click(function(){
    $paneTarget.stop().scrollTo('#due', 800, { margin: true } ).toggleClass('selected'),
    $("body").delay(1000).animate({backgroundColor: "#1c6e7a"},800);   

});

在本例中，延迟函数不起作用。如果我删除了.delay值，代码就会正常工作，但我需要在其他函数完成后更改背景。有什么建议吗？

Answer 1

我假设这就是.scrollTo()插件。该插件允许在动画完成后进行回调。

onAfter:整个动画结束后调用的函数。

$('.link').click(function () {
    $paneTarget.stop().scrollTo('#due', 800, {
        margin: true,
        onAfter: function () {
            $("body").animate({
                backgroundColor: "#1c6e7a"
            }, 800);
        }
    }).toggleClass('selected');
});

Answer 2

我在谷歌上搜索了一下，我认为backgroundColor不可能是动画，因为你需要jQuery插件的颜色：

http://plugins.jquery.com/project/color

Answer 3

查看文档，可以通过onAfter指定回调