This is the error i'm getting from Firebug using jQuery in a function outside (and before) the $(document).ready because it is used in a inline onclick event:

$("#_box").fadeIn(500).delay is not a function
$('#_box').fadeIn(500).delay(3000).fadeOut(500);

and this is the function:

function throwBox(message) {
    $('#_box').html(message);
    $('#_box').fadeIn(500).delay(3000).fadeOut(500);
}

Isn't delay() a jQuery function? What happens in my browser is that the fadeIn() function is called nicely and the box appear, but then stands there and doesn't disappear.

This is the error i'm getting from Firebug using jQuery in a function outside (and before) the $(document).ready because it is used in a inline onclick event:

$("#_box").fadeIn(500).delay is not a function
$('#_box').fadeIn(500).delay(3000).fadeOut(500);

and this is the function:

function throwBox(message) {
    $('#_box').html(message);
    $('#_box').fadeIn(500).delay(3000).fadeOut(500);
}

Isn't delay() a jQuery function? What happens in my browser is that the fadeIn() function is called nicely and the box appear, but then stands there and doesn't disappear.

• javascript
• jquery
• html

• 2 Which version of jQuery? – Dogbert Commented Mar 17, 2011 at 18:12
• 4 What version of jQuery are you using?.. delay() was added in 1.4 api.jquery./delay – Quintin Robinson Commented Mar 17, 2011 at 18:12

2 Answers 2

I loaded an old copy of jQuery (1.3) instead of the new one while delay() was added in version 1.4 as suggested by Quintin Robinson.

If you're stuck using jQuery 1.3 (maybe you're working with Drupal 6) a work-around is to animate a property that's constant.

For example, replace:

$("#id").delay(1000).fadeOut();

With:

$("#id").animate({top: 0}, 1000).fadeOut();