.delay not working

I am relatively new to jQuery so this may be a be开发者_运维问答ginners mistake, but for some reason I can't get the .delay() function to work.

The code I am working with is:

$(document).ready(function() {                     
    $("div#main").css("opacity","0");  
    $("div#main").animate({opacity: 1}.delay(1000), 'slow');  
});

With the "jQuery 1.2.3 - New Wave Javascript" script

Can anyone point out what I am doing wrong? Thanks in advance!

I see two problems. One is that there is no delay function in jQuery 1.2.3. You'll either need to include it as a plugin or update to the most recent version of jQuery. Assuming that you've done this, the other problem is that you're calling delay on a normal JavaScript object, and not a jQuery object. You should be getting an error from trying to call a non-existent function. So instead of this:

$("div#main").animate({opacity: 1}.delay(1000), 'slow');

Use this:

$("div#main").delay(1000).animate({opacity: 1}, 'slow');

This inserts a one second delay in the animation queue that will be executed before the opacity animation is triggered.

There's nothing wrong with the code you're showing here. Did you place the whole thing in a document ready handler so that it will only execute when the DOM is ready for manipulation?

$(document).ready(function(){
    $("div#main").css("opacity","0").delay(1000).animate({opacity: 1}, 'slow');
});

See: http://www.jsfiddle.net/yijiang/cRqwd/ for a simple example of your code working.

Edit: I assume you're looking at this: http://allforeveryone.blogspot.com/2008/03/jquery-new-wave-javascript.html. In case you have not noticed, that is an incredibly old version of jQuery you're working with there. delay() was only introduced in version 1.4. Go to http://jquery.com to download the latest version.