ajax增加的内容无法删除

浏览:919 发布日期:2013/12/17 分类:求助交流 关键字: ajax 删除 增加 数据库
有一个表格列出来数据
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>
最佳答案
评论( 相关
后面还有条评论,点击查看>>