Javascript onClick的麻烦

单击Go按钮后，蓝色方块将淡出。一旦完成，一个红色的正方形就意味着消失。这不会发生

去

---

这里和那里的一些打字错误和事情。。。不过，我认为这应该可以澄清问题：

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

---

你一开始就忘了$，我从来没有见过元素，JavaScript和jQuery方法名都是区分大小写的ID你看过控制台，你看到了什么错误？上面提到的问题只是打字错误吗？请努力调试你的代码；了解console以及如何使用它解决基本语法错误。我们都会打错字，但我们也会计算那些在寻求帮助之前写的字。仍然不起作用。“开始”按钮不起作用anything@Manish可能是因为选择器以buttn开头，而buttn不是已知的元素。但是由于您已经给了它一个ID，所以页面上应该只有1个，您可以删除元素选择器并只引用ID。检查更新的答案。此外，如上所述，您应该检查您的控制台是否存在错误，并将这些错误粘贴到此处，因为这可能会确切地告诉您为什么它不工作。

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