jQueryempty()/remove()使页面跳转

Question

我有一个监控网站，显示“谁登录”及其“状态”(在线/离开/等)。

它们基本上包裹在我的页面底部附近:

<table cellpadding="0" cellspacing="0" id="telecaster_agentenstatus" class="telecaster">
            <tr>
                <td id="free_agents">
                </td>
                <td id="acw_agents">
                </td>
                <td id="pause_agents">
                </td>
            </tr>
            <tr id="telecaster_agentenstatus_start">
                <td id="agentenstatuus" colspan="3">
                    <div class="agent_telecaster_container"></div>
                </td>
            </tr>
        </table>

因此，所有“代理”都进入具有“agent_telecaster_container”类的 div。我根据需要附加尽可能多的 div:

for (nameAgent in supervisionagents.group[0].agent) {
            //$("#agentenstatuus").append('<div class="agent_telecaster">'+nameAgent+'</div>'); 
            counter++;

            if (supervisionagents.group[0].agent[nameAgent].stateCurrent.description == "idle") 
            {
                $(".agent_telecaster_container").append('<div id="agent'+counter+'" class="agent_telecaster"><img src="images/icons/box_green_12x12.png">&nbsp;' + nameAgent + '</div>');
            }

它被一遍又一遍地调用。

我需要的是“清除”其内容，因为每秒都有可能有人离线或在线。

到目前为止，这可以通过简单的操作实现:

$('.agent_telecaster_container').empty() / .remove();

但是接下来发生的事情是，如果我移动 View /滚动条以查看该表下方的某些内容，则每次重新加载(每秒)它都会跳回到此 。我想发生这种情况是因为删除/空并且该元素被删除但新内容进入。

有人知道如何防止跳跃吗？ :/

Answer 1

您是否尝试过先隐藏该元素，然后再将其删除？.隐藏().删除();或者尝试 fadeOut()，然后在回调中调用 remove():

.fadeOut('fast',function( $('.agent_telecaster_container').remove(); ));