Question

编辑：这可能是重复的但我在论坛上没有得到任何东西，经过两天坚持不懈的尝试，因为我已经在原帖中评论过，所以只是试图得到一些帮助......

====

我花了好几天时间试图解决我的问题并尝试了我在这里和其他没有可行解决方案的网站上找到的所有建议。

我需要将Google Chart从同一个域中的其他页面加载到div中，以便按设定的时间间隔提供无缝的可视更新。该图表需要1秒或更长时间才能创建。我正在尝试的代码将图表加载到div中并按间隔重复加载。

问题是在视觉上看起来和击中F5并观察图表一样！

我使用过的代码以及加载图表的代码是：

<script>
    $('#chartA').load('./DataAJ.htm');
    var auto_refresh = setInterval(
    function ()
     {$('#chartA').load('./DataAJ.htm').fadeIn("slow");}, 30000);
</script>

我现在知道我需要添加一些其他代码来等待加载完成。我已经尝试过几十个例子，但没有任何影响，要么它继续进行，要么根本不工作，但我从未看到我需要的无缝更新。

任何人都可以向我提供我需要的代码更改吗？

注意，通常使用此处未显示的参数调用图表，然后根据请求创建

TIA

Answer 1

试试这个： -

 $('#chartA').load('./DataAJ.htm',function(data){
   //here your page has been loaded and you can add next code
 });

Answer 2

如果您需要在每次网页浏览期间多次更新图表（＆＃34;实时更新＆＃34;），那么背后有一个简单的逻辑，您需要将图表加载到{{1 div，然后在图表完全加载后将隐藏的div html倒入图形div中。像这样的东西：

visibility:hidden;

<强>更新

$('#hiddenDiv').load('./DataAJ.htm',function(){
    $('#chartA').html($('hiddenDiv').html());
});

Answer 3

$('#chartA').hide().load('./DataAJ.htm', function() {
    $(this).fadeIn("slow");
});

正在等待加载JQuery div

3 个答案: