jQuery .load refreshはページの縮小を引き起こします

Question

私がやっていること 私はphpスクリプトで作成され、jQueryのロードでページにロードされる2つのGoogleグラフを持っています。ロード機能が5秒ごとに実行されると、チャートはdivにリロードされます。

は、チャートが 私の問題は、私は問題を特定した

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

再ロードされているどのように、私はそれを修正するための良い方法が必要です。 5秒ごとにグラフが読み込まれると、.load関数が実行されている間にチャートのdivが内容を失い、ページがスクロールアップします。私は下のgifに問題を示すようにしました。私は固定 が必要私は何をするときに新しいコンテンツトップにスクロールしないようにページが必要

（トップにすると、ページのスクロールを示している、トップにリロードアイコンを見てみてください）がロードされているか、またはリロード時にサイズを保持するためにチャートを含むdivの方法が必要です。

Answer 1

あなたは、widthにhtmlコンテンツの変更の間で変化しないhtmlがwidthを期待するためにロードされhtml親要素、htmlコンテンツのheightのheightプロパティを設定するcssを使用することができます。

Answer 2

＃3と＃4の固定CSSの高さを使用して縦のサイズを維持できます。 例：

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

注：コードはテストされていません。

Answer 3

と4.phpの<script>タグには、チャートインターフェイス（図表に関連付けられています）を内包する.jsファイルと他のJavaScriptコードを入れます。

ほとんどの場合、動作します。