Question

jquery添加的html元素按钮为什么不执行类样式绑定的click事件

下面是代码：
更多按钮：
<input type="button" class="addMore" id="addMore${issue.id }" value="更多" />
点击按钮添加一行文本框和“提交”按钮：（没有问题，可以正常添加，请注意：所有的“提交”按钮的class都是submitBtn）

$(".addMore").click(function(){
num++;
alert(this.id);
alert("num="+num);
var index = this.id.substring(7,this.id.length);
//$("#tr"+index).clone().appendTo("#table"+index);
$("#table"+index).append("<tr><td></td>"+
" <td><input id='content'"+num + " type=text size=60/></td>"+
"<td><input id='date'"+num +" type=text /></td>"+
"<td><input id='result'"+num+" type=text /></td>"+
"<td><input type=button class='submitBtn' id='addBtn'"+index +" value='提交'/></tr>");
});
所有“提交”按钮的点击事件：

$(".submitBtn").click(function(){
//议题的编号，也是text的index
var index = this.id.substring(6,this.id.length);
alert("index="+index);

var content = $("#content"+index).val();
var date = $("#date"+index).val();
var result = $("#result"+index).val();
//判断是否有空值
if(content.length != 0 && date.length != 0 && result.length != 0 ){
$.ajax({
url:"addIssueInfo",
type:"post",
data: {issueContent:content,
issueId:index,
issueDate:date,
issueResult:result},
datatype: "json",
success:function(){
alert("添加成功！");
$tr = $("#addBtn"+index).parent("td").parent("tr");
$tr.remove();
//追加行
$("#table"+index).append("<tr><td></td><td>"+content+"</td><td>"+date+"</td><td>"+result+"</td><td></td></tr>");

},error:function(){
alert("服务器忙，请稍候再试！");
}

});
}else{
alert("对不起，当前行的每一条信息均不能为空，请补全后提交！");
}

});
说明：最主要的问题是，我的“提交”按钮都是class="submitBtn",为什么点击“更多”触发的事件添加的文本框和“提交”按钮，这个按钮就是不执行class="submitBtn"的点击事件？
对不起，财富值不够，希望有大侠热心帮助。再三谢过！

Answer 1

你在添加更多一行的时候所产生的 input 和 button 都是动态生成的，所以不能使用 click，要使用 live (jquery 1.7.2 之后的版本不建议使用 live) 或 on

把
$(".submitBtn").click(function(){
改为
$(".submitBtn").live('click', function(){
或者
$(".submitBtn").on('click', function(){

记住如果元素在页面初始化的时候不存在，而是之后通过动态生成在页面中的，要对这些元素进行操作，例如 click, blur, keyup, change....，都要使用 on

.on('click', function
.on('blur', function
.on('keyup', function
....

Answer 2

可以使用 live 或者 delegate 进行绑定，具体使用方法可以去百度一下。
原理是绑定到dom，元素触发事件，起泡到dom中响应方法。
直接用bind或者click处理，新增的当然就没事件触发啦。