jQuery .load refresh导致页面缩小

Question

我正在使用 我有两个用PHP脚本创建的Google图表，并加载到一个带有jQuery加载的页面上。当加载函数每5秒运行一次时，它会将图表重新加载到div中。

如何重新加载图表

  <script>
      window.setInterval(function(){
          $("#3").load("3.php");
      }, 5000);
  </script>
  <script>
      window.setInterval(function(){
          $("#4").load("4.php");
      }, 5000);
  </script>

我的问题 我已经确定了这个问题，我只需要一个很好的方法来解决它。当图表每5秒加载一次时，图表div会在.load函数发生时快速丢失内容，导致页面向上滚动一些。我试图在下面的gif中显示问题。 （尝试在顶部观看重新加载图标，表示页面滚动到顶部的时间）

我需要修复 我需要页面在加载新内容时不滚动到顶部，或者我需要一种包含图表的div的方法来保持其重新加载的大小。

Answer 1

您可以使用css设置width父元素的height，html属性，html加载到预期width height内容的html，html内容更改之间不会发生变化。

Answer 2

您可以使用＃3和＃4的固定css高度来保持其垂直尺寸。 例如：

#3{
    display:block;
    height: 100px;   
}

注意：代码未经过测试。

Answer 3

将启用图表界面（与图表相关联）的.js文件和其他javascript代码放入3.php标记内的4.php和<script>。

它大部分时间都有效。