Question

jquery ajax动态添加一行TR后，点击新添加的行，不能触发该的事件，必须要刷新一下页面才行

var form=$("#addOutForm");
form.submit(function(){
$.post(form.attr("action"),
form.serialize(),
function(outJSON,status){
debugger;
var tr="<tr align='center' id='"+outJSON[0].flightNo+"'>"
+"<td class='focus'>"+outJSON[0].flightNo+"</td>"
+"<td class='focus'>"+outJSON[0].date+"</td>"
+"<td class='focus'>"+outJSON[0].sectionStart+"</td>"
+"<td class='focus'>"+outJSON[0].destination+"</td>"
+"<td class='focus'>"+outJSON[0].state+"</td>"
+"<td><a href='javascript:delOutAjax('"+outJSON[0].flightId+"','"+outJSON[0].flightNo+"')'>删除</a></td>"
"</tr>";
$("#outTable").append(tr);
},"json"
);
return false;
});

form.submit();//提交
问题的前提是，能够动态无刷新在table添加一条数据，只是点击这条新添加的数据后触发不了这行事件，背景色不改变。

Answer 1

事件是在网页加载的时候都绑定好了，动态添加的tr上其实并没有绑定事件，如果想动态绑定的话可以用live来绑定，live方法用法和bind相同。比如想给所有tr动态绑定click事件，$("tr").live("click",function(){/*…………*/}) ，强烈建议你在动态添加tr后给新添加的tr单独绑定一次事件

Answer 2

“点击新添加的行，不能触发该的事件”
什么事件哟？新加的内容中如没有事件代码，就要重新绑定事件。。

追问

大哥！！！从代码上就应该能看出我是用的jquery吧？既然是jquery,那jquery还需要在元素中绑定事件吗？？？