javascript - 网站在加载之间闪烁

标签 javascript jquery html css

我的 website负载之间闪烁。我应用了 this 中建议的方法计算器问题,没有运气。这三个页面中的每一个都加载一个 nav.html文件:

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

请查看 .html 代码的页面源代码。该网站是根据我的另一个问题以这种方式构建的 here :本质上我希望导航栏元素仅在一个文件 (nav.html) 中进行描述,因此如果我选择对其进行任何更改,我只需编辑一个文件。

最佳答案

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

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

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

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

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

关于javascript - 网站在加载之间闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38220226/

相关文章:

javascript - jQuery 粘性边栏失败 : throws sidebar out of position

javascript - 使用 CSS 覆盖图像 - 不同设备的可视化问题

javascript - Chrome扩展端口错误: Could not establish connection.接收端不存在

javascript - 如何不重复自己并改进我的应用程序布局对象?

jquery - 将变量传递给 Jquery 函数

HTML 对齐问题

javascript - await 仅在异步函数 Canvas Discord JS 中有效

javascript - Z-index 不适用于 jquery css

javascript - 根据Javascript或jQuery中的数值数组生成3种主要颜色渐变

javascript - 使用 jQuery 验证插件选择2自定义错误消息