jQuery的：不能在動態加載的內容提交表單 - 。點擊不起作用

Question

我有一個評論頁面，每個評論下面有一個表單使用jQuery發佈subcomment：

<div class="commentcontainer" id="commentload0-<?php echo $kid;?>-3"> 
-----------------comments go here------------------ 
</div> 

    <div class="commentupdate2" id="commentbox0-28-3" style="display:none"> 
    <div class="stcommenttext3"> 
<form action="" method="post" name="0-28-3"><input name="wh" id="wh" value="1" type="hidden"> 
<textarea name="comment" id="ctextarea0-28-3" onkeyup="textar1(this)" class="tarea2 expta"></textarea> 
<input value="Save" id="0-28-3" class="subcoment_a button" style="vertical-align:top" type="submit"></form> 
    </div></div> 


<div class="comment_ui2" id="view0-<?php echo $kid;?>-3"> 
<a href="#" class="subcomments" vid="0-<?php echo $kid;?>-3" id="0-<?php echo $kid;?>-3">Load more comments</a></div> 


$(".subcoment_a").click(function(){ 
var element = $(this); 
var ID = element.attr("id"); 
var comment = $("#ctextarea"+ID).val(); 
var dataString = 'comment='+ comment + '&msg_id=' + ID; 
if(comment=='') { 
alert("Incomplete form"); 
} else { 
$.ajax({ 
type: "POST", 
url: "/save-comment.php", 
data: dataString, 
cache: false, 
success: function(html){ 
$("#commentload"+ID).append(html); 
$("#ctextarea"+ID).val(''); 
$("#ctextarea"+ID).focus(); 
} 
}); 
} 
return false; 
}); 

一切工作至今。

但是，然後我點擊「加載更多評論」，並動態加載下一個評論_forms（再次使用Jquery）。如果我以動態加載的形式輸入文本，我無法使用Jquery提交表單。該頁面不會調用腳本，而會自動刷新。

謝謝。

Answer 1

使用on：

$(document.body).on('click', ".subcoment_a", function(){ 

click事件因此將委託給".subcoment_a"元素即使the're當你綁定不存在。