Can't get jquery animate to work

Question

I have a validation and depending on if its correct or wrong i want it to animate the textboxes background-color in different colors: Red if its wrong and green if its correct input. I have tried all different combinations but i just cant get it to work.

$("#PersonId").animate({background: "#ff2cf0"});

$( "#PersonId" ).animate({
      backgroundColor: "#aa0000",
    }, 1000 );

etc etc.. What am i doing wrong? I have implemented the JQuery UI file to my .NET project so i don't think it is anything wrong there.

possible dublicate of: http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor — 0x_Anakin, Sep 11 '13 at 09:01
Works same code [here](http://jsfiddle.net/HKh6K/1/). What is your problem? — Dhaval Marthak, Sep 11 '13 at 09:03
Please show us some more of your code. What you have shown us is fine, so that's not your problem. — Reinstate Monica Cellio, Sep 11 '13 at 09:04
try `console.log(jQuery.Color);` to see, if the plugin is really loaded. — Jakub Kotrs, Sep 11 '13 at 09:05
okej, Jakub the plugin is not realy loaded. How do i load it? — Daniel Gustafsson, Sep 11 '13 at 09:14

score 0 · Answer 1 · answered Sep 11 '13 at 09:13

0

You will need to include the jQuery color animations plugin.

$( "#PersonId" ).animate({
  backgroundColor: "#aa0000",
}, 'fast');

answered Sep 11 '13 at 09:13

Prat

495
7
19

How do i do that? Ive created a .js file with the code in and ive put it in my content/js folder in my mvc4 project. I have linked it in my layout like this: is there anything else i need to do? – Daniel Gustafsson Sep 11 '13 at 09:37
download the plugin from the site, you need jquery ui also I believe. make sure to include it AFTER you include jquery otherwise the plugin won't get recognized – Prat Sep 11 '13 at 11:25

Can't get jquery animate to work

1 Answers1