2013-06-28 64 views
-4

點擊「開始」按鈕後,藍色方塊就會淡出。一旦完成,一個紅色方塊意味着淡入。這不會發生。onClick問題

轉到

<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> 
+7

你在一開始就忘了'$' ,我從來沒有見過一個''元素,JavaScript(和jQuery方法名稱)是區分大小寫的 – Bergi

+3

你有沒有看過控制檯,什麼e你在那裏看到了什麼?上面提到的問題只是拼寫錯誤嗎? – Bergi

+1

請提出一些努力來調試你的代碼;瞭解控制檯以及如何使用它來解決基本的語法錯誤。我們都犯了錯別字,但我們也會在求助之前對其進行處理。 –

回答

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

仍然無法正常工作。 go按鈕沒有任何作用 – Manish

+1

@Manish可能是因爲選擇器開始於「buttn」,它不是已知的元素。但是因爲你給了它一個ID(在頁面上只有1),可以刪除元素選擇器並引用這個ID。檢查更新的答案。此外,如上所述,您應該檢查您的控制檯是否有錯誤,並在這裏粘貼這些錯誤,因爲這可能會告訴您爲什麼它不起作用。 – relic