问题描述
|
$(\'.link\').click(function(){
$paneTarget.stop().scrollTo(\'#due\',800,{ margin: true } ).toggleClass(\'selected\'),$(\"body\").delay(1000).animate({backgroundColor: \"#1c6e7a\"},800);
});
延迟功能在该示例中不起作用。如果删除.delay值,则代码可以工作,但在其他功能完成后,我需要背景更改。有什么建议么?
解决方法
我假设这是
.scrollTo()
插件。该插件允许在动画完成后进行回叫。
onAfter:在after之后要调用的函数
整个动画结束了。
$(\'.link\').click(function () {
$paneTarget.stop().scrollTo(\'#due\',800,{
margin: true,onAfter: function () {
$(\"body\").animate({
backgroundColor: \"#1c6e7a\"
},800);
}
}).toggleClass(\'selected\');
});
jsfiddle上的示例
, 我用谷歌搜索它,我认为backgroundColor不能被动画化,因为您将需要jQuery插件颜色:
http://plugins.jquery.com/project/color
, 查看文档,您可以使用onAfter
指定回调