Simple JQuery Animation Queue

Een beetje hulp hier om erachter te komen welke fout dit codeblok moet uitvoeren:

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

Ik neem de onderstaande plug-ins op maar de animatie wordt niet uitgevoerd.

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

Ik heb het al gecontroleerd met firebug en verschijnt ook zonder fout ..

0
voeg je de bibliotheek jQuery toe?
toegevoegd de auteur thecodeparadox, de bron
kijk in browser console op fout met betrekking tot kleurenscript .... jQuery moet laden vóór plug-ins en code die er afhankelijk van zijn
toegevoegd de auteur charlietfl, de bron
@thecodeparadox: ja sorry: ik zal het bewerken ..
toegevoegd de auteur Jed, de bron

1 antwoord

queue: `false`

zou moeten zijn

queue: false//without quote

Volledige code

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

DEMO

Notitie

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>
1
toegevoegd
@Jed check mijn antwoord met demo
toegevoegd de auteur thecodeparadox, de bron
het werkte al. Dank u zeer.
toegevoegd de auteur Jed, de bron