CODEWITHSUNDEEP
jqueryjquery-ui
Jed
Jed

Reputation: 1733

Simple JQuery Animation Queue

A little help here to figure out what error to run this piece of code:

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

I include the plugins below but the animation does not execute.

<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>

I already checked it with firebug and also appear with no error..

Upvotes: 0

Views: 144

Answers (1)

thecodeparadox
thecodeparadox

Reputation: 87073

queue: `false`

should be

queue: false // without quote

Full code

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

DEMO

Note

jquer.color should include after jquery library. So the inclusion order should look like:

<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>

Upvotes: 1

Related Questions