onClick问题

Question

单击“开始”按钮后，蓝色方块将淡出。一旦完成，红色方块就会淡入。这不会发生。

        去

                               

<script type="text/javascript">
    (document).ready(function() {
        $("buttn#go").onClick(function() {

            $(".red").css("opacity", 0);
            $(".blue").css("opacity", 1);

            $(".blue").animate({opacity: 0}, 1000, function() {
                $(".red").show().animate(opacity: 1, 1000, function() {
                    var entered_name = $(".name").val();

                    $.get("./", {name: entered_name}, function(data) {
                        show_alert(data);   
                    })

                });
            });
        }); 
    });
</script>

Answer 1

在这里和那里偶然发生错别字和事情......认为这应该清除它：

$(document).ready(function() {
  $("#go").click(function() {
    $(".red").css({display:"block", opacity: "0"});
    $(".blue").css("opacity", "1");

    $(".blue").animate({opacity: "0"}, 1000, function() {
      $(".red").animate({opacity: "1"}, 1000, function() {
        var entered_name = $(".name").val();

        $.get("./", {name: entered_name}, function(data) {
          show_alert(data);   
        });
      });
    });
  }); 
});