php - JQuery append 没有按预期进行

Question

我的 JQuery 脚本有问题。我正在进行 2d 聊天，其中人们有自己的人物，例如 Habbo 酒店，但假设移动人物的 JQuery 脚本有问题。

我认为更容易说明问题: Click here to see the problem

我正在使用以下脚本来更新数字:

function UpdateRoom() {
    var data = 'roomId='+roomId;

    $.ajax({
        type: "GET",  
        url: "chatfunctions/updateroom.php",
        dataType: 'json',
        data: data,
        success: function(data){

            $.each(data, function(i, data) {
                var temp = parseInt(data.field);
                $('#f' + temp).append('<div class="user" id="'+charId+'" />');
            });
        }
    }); 
}

#f+temp 是图形应该放置的字段的 ID。 charId是图的id。

然后我每 500 毫秒调用一次脚本:

window.setInterval(function() {
    UpdateRoom();
}, 500 );

我不确定这些代码和示例是否足以让你们帮助我。如果不是，请告诉我是否需要为您提供更多帮助。我的猜测是它是 .append();使用错误的函数，但我不是 JQuery 专家。

Answer 1

你只是继续追加而不是替换任何东西。

尝试使用 .html() 或 .empty()。

$.each(data, function(i, data) {
    var temp = parseInt(data.field);
    $('#f' + temp).html('<div class="user" id="'+charId+'" />');
});

或

$.each(data, function(i, data) {
    var temp = parseInt(data.field);
    $('#f' + temp).empty(); // clear out all content
    $('#f' + temp).append('<div class="user" id="'+charId+'" />');
});

不知道您的代码，您可能需要将对 .empty() 的调用移到每个循环之外。