jquery - 简单的 JQuery 动画队列

Question

这里有一点帮助来找出运行这段代码的错误：

$('p:first').animate({
    height: '+=100px',
    color:'green'
},{
    duration: 'slow',
    easing: 'swing',
    complete: function(){alert('done!');},
    queue: 'false'
});

我包括下面的插件，但动画不执行。

<script type="text/javascript" src="js/jquery.color.js"></script>
<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-ui-1.8.17.custom.min.js" type="text/javascript" charset="utf-8"></script>

我已经用萤火虫检查过了，也没有出现错误..

Answer 1

queue: `false`

应该

queue: false // without quote

完整代码

$('p:first').animate({
    height: '+=100px',
    color:'green'
},{
    duration: 'slow',
    easing: 'swing',
    complete: function(){alert('done!');},
    queue: false // without quote
});

演示

笔记

jquer.color应该包括之后jquery library。因此包含顺序应如下所示：

<script src="js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.color.js" type="text/javascript" ></script>
<script src="js/jquery-ui-1.8.17.custom.min.js" type="text/javascript" charset="utf-8"></script>