网站在加载之间闪烁

Question

我的website在加载之间闪烁。我已经应用了this stackoverflow问题中建议的方法，没有运气。三个页面中的每一个都加载nav.html文件：

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

请查看.html代码的页面来源。该网站是基于我的另一个问题here建立的：基本上我希望导航栏项目只在一个文件中描述（nav.html）所以如果我选择对其进行任何更改，我只会必须编辑一个文件。

Answer 1

这与网站/网络服务器的性能无关。

这是因为您为每个导航点加载了一个新的html文件。

要解决此问题，您需要异步获取新内容并替换已加载在页面上的现有内容。这通常通过Javascript完成。 步骤将是

• 1）通过ajax
加载外部html文件
• 2）将当前内容替换为新加载的数据。

这也意味着您的网址永远不会改变。它会留在... / about.html

Answer 2

我已经在某个地方读到了ng-cloak在这种情况下很有用但没有研究过它......也许它对你来说是有用的。 ngCloak docs