2011-05-17 101 views
1

有些東西在我這裏沒有。每次按下提交按鈕時,表單只會刷新頁面,我永遠不會收到「已提交表單」消息。我不希望表單刷新頁面。

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>Test</title> 

     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> 
     <script type="text/javascript"> 

      (function($){ 

       $("#my-form").submit(function(e){ 
        e.preventDefault(); 
        alert("Form Submitted"); 
       }); 

      })(jQuery); 

     </script> 
    </head> 
    <body> 

     <form id="my-form" method="post" action=""> 

      <input type="text" placeholder="Input something..." /> 
      <input type="submit" value="Submit" /> 

     </form> 

    </body> 
</html> 

回答

2

您需要用DOM準備事件包裝代碼。

$(function() { 
    ... 
}); 

現在,您的代碼嘗試綁定事件,因爲該元素未準備好在DOM中,因此該事件從未附加。