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');
});

<强> Example on jsfiddle

Answer 2

我用Google搜索了一下，我认为backgroundColor无法动画，因为你需要jQuery插件颜色：

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

Answer 3

检查文档，您可以使用onAfter

指定回调

.delay（）不起作用

3 个答案: