In JQuery, Is it possible to get callback function after setting new css rule?

Question

I have $('.element').css("color","yellow") and I need that next event was only after this one, something looks like $('.element').css("color","yellow",function(){ alert(1); }) I need this because:

$('.element').css("color","yellow");  alert(1); 

events are happen at one time almost, and this moment call the bug in animation effect (alert(1) is just here for example, in real module it's animation)

Answer 1

you can use promise

$('.element').css("color","yellow").promise().done(function(){     alert( 'color is yellow!' ); }); 

http://codepen.io/onikiienko/pen/wBJyLP

Answer 2

Callbacks are only necessary for asynchronous functions. The css function will always complete before code execution continues, so a callback is not required. In the code:

$('.element').css('color', 'yellow'); alert(1); 

The color will be changed before the alert is fired. You can confirm this by running:

$('.element').css('color', 'yellow'); alert($('.element').css('color')); 

In other words, if you wanted to use a callback, just execute it after the css function:

$('.element').css('color', 'yellow'); cb();