追加和折叠子行

时间:2016-01-05 08:10:49

标签: javascript jquery ajax

我想通过单击父行来追加和折叠子行,但它不起作用。 我该怎么办。有人可以帮忙??

这是我的父行:

$j(document).ready(function(){

$.ajax({
type: 'POST',
url:"scr1.php",

}).done(function(data){

for(var i=0; i<data.length; i++){

    var no = i+1;
    $table ="<tr class='row-parent'>";
    $table += "<td align='right'>"+no+ "</td>";
    $table += "<td  class='row-child'>"+data[i].uid+ "</td>";
    $table += "<td>"+data[i].document_id+ "</td>";
    $table += "<td>"+data[i].activity+ "</td>";
    $table += "<td>"+data[i].date_time+ "</td>";
    $table +="</tr>";

    $("#docLoc").append($table);
    }
    });
});

这是我的孩子排:

//child row
$(".row-parent").live("click",function(){

    var param = $(this).closest('tr').find('.row-child').text();//GET uid of row

    $.ajax({
        type: 'POST',
        url:"scr2.php",
        data:{ uid: param},
        //Link to history.php. Pass user_id to url
        }).done(function(data){

        for(var i=0; i<data.length; i++){
            alert(data[i].uid);
            var no = i+1;
            $table ="<tr>";
            $table += "<td align='right'>"+no+ "</td>";
            $table += "<td>"+data[i].uid+ "</td>";
            $table += "<td>"+data[i].document_id+ "</td>";
            $table += "<td>"+data[i].activity+ "</td>";
            $table += "<td>"+data[i].date+ "</td>";
            $table +="</tr>";

            $("#docLoc").append($table);
        }

    });
});

我错过了什么吗?

提前致谢!!

1 个答案:

答案 0 :(得分:0)

如果动态生成对象,则需要在父对象上调用use“.on”方法(始终存在) 创建子进程后,父进程上的“.enhanceWithin()”方法响应jQuery