页面加载后如何运行animate（）？

Question

我有一个菜单项，通过单击链接在下面的小提琴中进行动画制作，但我实际上希望在页面加载后启动背景颜色淡入淡出动画（无需单击链接）。如果页面加载后，如何将以下小提琴中的代码更改为动画？

我目前的代码是：

$("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/

如果我用$("a").click(function(e) {取代$(document).ready(function() {没有任何反应，我做错了什么？

Answer 1

您必须已创建语法错误。代码在jQuery准备就绪时运行良好：

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 );
    }
});