Jquery 加载新对象时追加DOM问题

我有一个功能，是现场点击，它得到了一堆消息，并加载它们。问题是，在此之后，我想在底部框中附加一个链接，在消息加载到该框中之后，但在消息加载之后，它会在它们之前附加链接。有人看到我的代码有什么问题吗？我认为，由于消息是先附加的，所以它们在DOM中排名较早，尽管它们已淡入

$('#reply').live('click', function() {
    var id='somevalue';

    //load messages
    $.getJSON(files+"loader.php?action=view&load=replies&reply_chunk_id="+id+"&topic_id="+topic_id+"&username="+username+"&t=" + (new Date()), function(json) {                                                                     
        var html = '';

        for(i=0; i < json.length; i++) {
            html += prepare(json[i]);
        }

        $('div[chunk_id="'+id+'"]').append(html).find('li').fadeIn(3500);

    });  
    //link
    $('div[chunk_id="'+id+'"]').append('<a chunk_id="'+id+'" id="scroll_value" value="stop_scroll">Test</a>');
}

$（'#reply'）.live（'click'，function（））{
var id='somevalue'；
//加载消息
$.getJSON（files+”loader.php？action=view&load=reply&reply\u chunk\u id=“+id+”&topic\u id=“+topic\u id+”&username=“+username+”&t=“+（new Date（）），函数（json）{
var html=''；
for（i=0；i

问题在于，

$.getJSON

不是一个同步请求，因此发生的情况是，您发送ajax请求，然后直接附加链接，然后当ajax请求返回时，消息在链接后加载

---

将链接附加移动到AJAX回调中以解决此问题。

谢谢阿拉斯泰尔，非常感谢。