我想问一下这是不是文档就绪函数的问题

Question

 $(document).ready(function(){
    var url ="${ctx}/ajaxAction.do?method=json&common=queryAllFile&classes=testServiceImpl";
    var options = {     
            url:       url,
            success:   callback,  
            type:      'post',        
            dataType:  'json',       
            clearForm: true
    };
    $("#init").ajaxSubmit(options);
    });

function callback(data){
    var fileName = "";
     $.each(data.list, function(i, item) {
            var file = "";
            if(item.f_filename.length>15){
                file = item.f_filename.substring(0,15)+"...";                   
            }else{
                file =item.f_filename;
            }

            fileName = fileName+ 
            "<tr>"+
             "<td><a class=\"blue-word\">"+file+"</a></td>"+
             "<td>"+item.f_create_time+"</td>"+
             "<td>"+item.t_train_name+"</td>"+
            "</tr>"
         });
    $("#uploadBtn").append(
            "<div class=\"content-header\" align=\"right\";><a href=\"javascript:history.back();\">&lt;&lt;返回</a></div>"+
            "<div class=\"part-header\" style=\" margin-top:0px; margin-bottom:5px;\">&nbsp;&nbsp;我的文档<span style=\"color:#0085d0; margin-left:5px;\" id = \"number\"></span></div>"+
            "<div class=\"content-part\">"+
                "<div class=\"itemw-box\">"+
                    "<table cellpadding=\"0\" cellspacing=\"0\" class=\"personal-tab\" id = \"testing\">"+
                        "<tr>"+
                            "<th style=\"width:50%\">文档名称</th>"+
                            "<th style=\"width:20%\">上传时间</th>"+
                            "<th style=\"width:30%\">关联培训</th>"+
                            "</tr>"+fileName+"</table>"+
                     "</div>"+
                "</div>"
    );
    if(data.list.length<20){
        $("#loadmore").html("");
    }else{
        $("#loadmore").html("加载更多");
    }
}   

$(document).ready(function(){
    var url1 ="${ctx}/ajaxAction.do?method=json&common=queryFileAmount&classes=testServiceImpl";
    var option1 = {     
            url:       url1,
            success:   callback3,  
            type:      'post',        
            dataType:  'json',       
            clearForm: true
    };
    $("#init").ajaxSubmit(option1);
});

function callback3(data){
    var number = "";
     $.each(data, function(i, item) {
         alert(item);
         number = number+item;
     });
     alert(number);
     alert(111);
     $("#number").append(
             "("+number+")"
     );
}   
第二个文档就绪函数会执行，而且alert的数据也都能弹出来，但为什么我追加到页面中的数据有时候能显示出来，有时候却显示不出来呢，这跟什么有关系

Answer 1

因为你的number是在ajax回调中动态添加的，而ajax请求是异步的时候是无法控制ajax返回的先后循序的，要是第一个ajax先返回就没有问题，因为你的number对象已经生成

要是第二个先返回就无法显示了，因为number这个dom对象还没有生成

你要一定显示数据，应该将第二个$(document).ready(function(){里面的代码放到callback回调最后执行