jQuery animate background color not animating

问题:

http://jsfiddle.net/leonwho/98mD2/

HTML

<div id="account-setup-guide">     <div id="account_tour_info">         <ul>             <li class="setup_complete"><strong>1</strong> Sync!</li>         </ul>     </div> </div>

CSS

#account-setup-guide {     position: relative;     margin: 30px 30px 20px 20px;     padding: 20px;     width: auto;     border: 5px solid orange;     background: orange; }

jQuery

var animateThis = function() {      console.log('run animateThis');      $('#account-setup-guide').stop().animate({backgroundColor: '#ffffff'}, 500);      $('#account-setup-guide').animate({         background: 'white'     }, 500); }  animateThis();

Not sure why this isn't working, I've used both examples above of the .animate but it's not working in my current jsfiddle test :(

回答1:

jQuery doesn't support animation of color, you have to include plugin which support it as jQuery UI or jQuery color:

jQuery color

jsFiddle (thx to kei)

转载请标明出处:jQuery animate background color not animating

文章来源: jQuery animate background color not animating