2016-07-06 11 views
2

My websiteがロード間で点滅します。私はthis stackoverflowの質問で提案されたメソッドを適用しました。 3ページのそれぞれにnav.htmlファイルをロードします:ウェブサイトがロードの間に点滅する

$.get("nav.html", function(data){ 
    $("#nav-placeholder").replaceWith(data); 
}); 

.htmlのコードのページのソースを表示してください。私の他の質問hereに基づいてそのような方法でウェブサイトが構築されています:基本的にnavbar項目を1つのファイル(nav.html)で記述したいので、変更する場合は編集する必要がありますファイル。

+0

このFOUCは、クライアント側のロジックを含む置くと主な問題です。あなたはサーバー側のインクルードを使用する方法はありますか?それは問題を完全に回避し、ネットワーク帯域幅を節約します。 –

+0

あなたの最後の投稿から来ました。私はあなたの問題に私の解決策(PHPを使用して)を試してみることをお勧めします。私はそれがあなたのページの他の部分と同時にロードされるので、それはもはや点滅しないと思う。 [私の答えへのリンク](http://stackoverflow.com/a/38218059/6310279) – Relisora

+0

@Relisoraありがとう。私のMacでphpを使用すると、私はウェブサイトをローカルで見ることができませんが、phpはサーバ上で動作しているように見えます。 –

答えて

0

これは、ウェブサイト/ウェブサーバーのパフォーマンスとは何の関係もありません。

ナビゲーションポイントごとに新しいhtmlファイルを読み込むためです。あなたが非同期的に新しいコンテンツを経由して取得し、すでにページにロードされている既存のコンテンツを交換する必要がありますこの問題を解決するには

。これは通常Javascriptを介して行われます。 のステップは、Ajax

  • 2を介して外部HTMLファイルをロードする)

    • 1になる)ことがあります一度新しいロードされたデータと現在の内容を置き換えます。

    また、これはあなたのURLが変更されないことを意味します。それはあなたには、いくつかの掘削を行うにために多分それは便利になります.... .../

  • 0

    about.html私はNG-マントは、このシナリオでは便利であることをどこかで読んだが、それに研究していなかったにとどまります。 ngCloak docs

    関連する問題