如何阻止网页加载,直到所有jQuery加载函数完成?

3
我正在开发我的第一个大型网站,但在如何扩展网站方面遇到了一些问题。我想到可以使用jQuery来组合每个页面(200多个)。每个页面上出现的大多数元素都是在单独的HTML文件中制作的,然后使用jQuery.load进行加载。好处是我只需要在文件中做一次更改,它就会在每个页面上更改(有更好的方式吗?)。如果这是可接受的方法,我该如何防止页面首先加载标准的HTML/CSS?目前,页面会加载背景和与每个页面唯一的一些元素,然后再加载其他HTML文件中的元素-看起来不专业,很烦人。
谢谢!
1个回答

3

有更好的方法吗?

有。您可以让服务器完成这项任务,但这取决于您的后端语言/框架:PHP、Python Django等。

(如果您只是通过Web服务器进行服务而没有任何服务器编程,则我想像 .load() 这样的东西是您唯一的选择。)

顺便说一下,像Drupal这样的内容管理系统是为解决这个问题而设计的,而无需编写代码。


如何停止页面加载标准的HTML/CSS?

如果您想在准备就绪之前阻止任何内容显示,请添加到您的body标签中。

<body style="display:none">

当你准备好的时候,

$('body').show();

我的目标最初是设计它而不使用任何服务器端编程,因为我使用的服务器并不是最可靠的。整个页面通常加载非常快,你的解决方案是完美的。谢谢! - Programmer XYZ

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接