javascript - 在新生成的元素上附加数据

Question

我正在尝试向新生成的 Div 元素添加一些数据，但它不起作用。

$.ajax({
    type: "POST",
    url: 'code/submit/submitGetChat.php',
    data: "id="+chatListArray[i],
    async: false,
    success: function(data){                    
        $('#chatItemContent_' + chatListArray[i]).empty();
        $('#chatItemContent_' + chatListArray[i]).append(data);                     
        $('#chatItemContent_' + chatListArray[i]).animate({ scrollTop: $(document).innerHeight() }, 1);
    }
});

这是当前的代码。 Ajax 调用的结果应附加到父元素上。

Answer 1

我要在黑暗中尝试一下(尽管是受过教育的；)。

看起来您正在循环一堆 ajax 调用，并期望将结果数据传递给相关元素，但您所拥有的并不能做到这一点。索引值不是本地的，因此在 ajax 调用完成时它会有所不同。尝试将 ajax 调用包装在像这样的外壳中......

(function(id) {
    $.ajax({
        type: "POST",
        url: 'code/submit/submitGetChat.php',
        data: "id=" + id,
        async: false,
        success: function(data){                    
            $('#chatItemContent_' + id).empty();
            $('#chatItemContent_' + id).append(data);
            $('#chatItemContent_' + id).animate({ scrollTop: $(document).innerHeight() }, 1);
        }
    });
})(chatListArray[i]);

此外，作为旁注，您可以链接在成功回调中使用的函数，如下所示...

$('#chatItemContent_' + id)
    .empty()
    .append(data)
    .animate({ scrollTop: $(document).innerHeight() }, 1);

它不会打破音障或类似的东西，但选择一次比选择 3 次更快:)