Wie führe ich animate() aus, nachdem die Seite geladen wurde?

Question

Ich habe einen Menüeintrag, der in der folgenden Geige animiert wird, indem ich auf einen Link klicke, aber ich möchte eigentlich, dass die Hintergrundfarbe-Überblendungsanimation startet, sobald die Seite geladen ist (ohne einen Link anklicken zu müssen). Wie ändere ich den Code in der folgenden Geige, um zu animieren, sobald die Seite geladen ist?

Der Code, den ich zur Zeit habe, ist:

$("a").click(function(e) { 
    e.preventDefault(); 
    for (var i = 0; i < 2; i++) { 
    $("#menu-item-9032 a") 
     .animate({ backgroundColor: "#00afee", color: "#363a47" }, 2000) 
     .animate({ backgroundColor: "transparent", color: "#363a47" }, 2000); 
    } 
}); 

http://jsfiddle.net/Fe8Jy/500/

Wenn ich ersetzen $("a").click(function(e) { mit $(document).ready(function() { nichts passiert, was mache ich falsch?

Answer 1

Sie müssen einen Syntaxfehler erstellt haben. Code arbeitet mit jQuery feinen bereit:

http://jsfiddle.net/tks2sobo/

$(function() { 

    for (var i = 0; i < 2; i++) { 
     $("#menu-item-9032 a") 
      .animate({ backgroundColor: "#00afee", color: "#363a47" }, 2000) 
      .animate({ backgroundColor: "transparent", color: "#363a47" }, 2000); 
    } 
});