tbody里边是tr,每个tr 我增加了一个 id='Valuexx',其中xx是数据的id
表格的最后一列是操作,span中是‘删除’,span中也增加了id属性
id='Delxx' xx也是数据的id
‘删除' 被点击的时候,传span的id到后台,删除数据之后,remove掉这个tr。
这个删除操作是正常的。
同时有增加, ajax增加数据之后。
我在tbody里边append了和列出来的数据一样的结构。
也是tr 和td, Tr有id的属性 id='Valuexx' 最后一个td中也有 删除
span的id也是 Delxx。
我发现增加数据之后,数据能在最后一个tr后边出来, 但点删除页面无反应。
必须人工F5刷新一下页面, 让新增加的数据从数据库中读取出来以后,删除才能起作用。
用firebug看了一下, 增加的tr这一行,结构和已经存在的tr肯定是一模一样的。
请教问题的所在,非常感谢!
附上代码(在页面上已经存在的三个aa能alert出来1,后增加的就不行):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script language="javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(e) {
$('#button1').click(function(e) {
var text1 = '<div class="del">aa</div>';
$('#Div3').append(text1);
});
$('.del').click(function(e) {
alert(1);
});
});
</script>
<style type="text/css">
</style>
</head>
<body>
<div class="del">aa</div>
<button id="button1">按钮1</button>
<div id="Div3">
<div class="del">aa</div>
<div class="del">aa</div>
</div>
</body>
</html> 最佳答案