Question

I’m using javascript on some parts to modify information on page, and when the information changes, I want to blink the modified information a few times.

I’ve tried this, but it’s not working for some reason.

$('.item_price').css("color" , "red").delay(500).css("color" , "black").delay(500).css("color" , "red").delay(500).css("color" , "black");

Answer 1

delay() is a very weird function; used as you’re using it, it only delays tasks added to the fx queue (and css() does not queue to any queue).

To force css() to queue to the fx queue, use the queue() function;

$('.item_price').queue(function (next) {
    $(this).css("color" , "red");
    next();
}).delay(500).queue(function (next) {
    $(this).css("color" , "black");
    next();
}).delay(500).queue(function (next) {
    $(this).css("color" , "red");
    next();
}).delay(500);

… etc. Be sure to call the next() function (passed into the callback) to continue the queue.

For more info, I’ve wrote a blog post which explains exactly this, which you may find useful for further reading (as well as the jQuery documentation): http://www.mattlunn.me.uk/blog/2012/06/jquery-delay-not-working-for-you/