動態創建的表單不提交，jQuery

Question

完成noob在這裏，有人可以告訴我爲什麼$ pmForm.submit不會在這裏工作？我讀到，這很可能是一個事件代表團的問題，我嘗試重寫它的方式，但仍然無法實現它的工作。

預先感謝您！

<script src="jquery.js"></script> 
<script src="jquery-ui.js"></script> 


<div id="placehere"></div> 
<input id="testbutton" type="submit" value="test"></input> 

<script> 
var $pmForm = $('#send-pm-message'); 

     var html ="<div><form id='send-pm-message'><textarea id='pm-message' autocomplete='off' cols='40' rows='1'></textarea><input id='button' type='submit' value='Send'></input></form></div>"; 

      $("#testbutton").click(function(){ 
      $("#placehere").append(html); 
     }); 

     $pmForm.submit(function(e){ 
      alert("I am an alert box!"); 
     }); 

Answer 1

開始把你的代碼在$（文件）。就緒（）塊。
然後改變你的代碼的順序。你會看到'var $ pmForm = $（'＃send-pm-message'）;'正在執行的DOM還沒有形式。
您的提交操作也是如此。
我建議你把它們放在追加之後，在點擊之內。

Answer 2

你實際上submiting股利，而不是形式

Answer 3

謝謝Rakesh！

<input id="testbutton" type="submit" value="test"></input> 
<div id="placehere"></div>  
<script> 
$(document).ready(function() { 

     var html ="<form id='send-pm-message'><textarea id='pm-message' autocomplete='off' cols='40' rows='1'></textarea><input id='button' type='submit' value='submit'></input></form>"; 

      $("#testbutton").click(function(){ 
       $("#placehere").append(html); 
       $('#send-pm-message').on('submit',function() { 
       alert("I am an alert box!"); 
       }); 

      }); 

});  
</script>