可能使用javascript/ajax覆盖函数调用

我有一个问题，我不知道为什么会发生，所以这个标题反映了我对它的理解

我按下一个按钮，从

data.php

文件获取数据，该文件从数据库获取数据，并以

JSON

格式输出。然后，它将显示在我的

index.php

页面内的时间线中

我第一次按下按钮时，它会加载时间线和数据，但之后它只会更改时间线内的数据（

ajax

）。问题是在第二次调用数据之后，时间线开始有非常糟糕的性能（缓慢、滞后），甚至每次我按下按钮时显示的数据的字体大小开始一点一点地增加。在我看来，这似乎是数据本身的叠加，每次我按下按钮更改数据时，数据都会相互叠加。尽管如果我刷新页面，一切都会恢复正常，重新开始循环

时间线是在

Javascript

中创建的，下面是我用来加载时间线并显示

data.php

文件中的数据的脚本

<script type='text/javascript'> 
$("#okbutton").on("click", function(){
        var v1 = $("#cproc").val();
        var v2 = $("#estado").val();
        var tg1 = {};

        var doc_ht = $(document).height();

        $("#placement").css({"height":"510px"});

        $(function () {

            tg1 = $("#placement").timeline({
                 "min_zoom":1, 
                "max_zoom":30, 
                "icon_folder":"time/icons/",
                "data_source":"data.php?ty="+v1+"&est="+v2,
                "constrain_to_data":false
            });
            tg_actor = tg1.data("timeline");

    var tg1_actor = tg1.data("timeline");

        window.setTimeout(function() {
            tg1_actor.refresh();
        }, 1000);     
        }); 
    }); 
</script>

$（“#确定按钮”）。在（“单击”，函数（）{
var v1=$（“#cproc”）.val（）；
var v2=$（“#estado”）.val（）；
var tg1={}；
var doc_ht=$（document）.height（）；
$（“#位置”）.css（{“高度”：“510px”}）；
$（函数（）{
tg1=$（“#位置”）.时间线({
“最小缩放”：1，
“最大缩放”：30，
“图标文件夹”：“时间/图标/”，
“数据源”：“data.php？ty=“+v1+”&est=“+v2，
“将_约束到_数据”：false
});
tg_actor=tg1.数据（“时间线”）；
var tg1_actor=tg1.data（“时间线”）；
setTimeout（函数（）{
tg1_actor.refresh（）；
}, 1000);     
}); 
}); 

你使用哪一个时间线插件？很难说我们不知道时间线（）里面发生了什么。你能把这个问题一股脑地重现出来吗？时间线不是我自己建的，它是时间滑翔机的插件，我只是在瞎搞。我不太熟悉使用jfiddle，您能让它使用localhost中的文件和数据库吗？和之后听起来好像它只是没有删除该元素的内容。。。。您可以尝试调用$（'elementid'）.html（“”）；在进行时间线调用之前重置元素中的HTML。