Question

我有一个问题，我不确定为什么会这样，所以标题反映了我对它的理解。

我有一个按钮，我按下并从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>

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

0 个答案: