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>

我已经用firebug检查了它，并且没有出现错误..

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

<强> DEMO

注意

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>

简单的JQuery动画队列

1 个答案:

注意