预加载整页

Question

我想在HTML开始显示之前预先加载所有内容。

问题在于加载外部字体，图像等。

我试图用：

创建简单的jquery函数

CSS：

html { display:none; }

jQuery的：

$(window).load(function() {
  $('html').css('display', 'block');
});

但这并没有真正起作用。

我想要预加载的主要原因是我在页面开始时有字体动画，当字体没有被加载并且CSS动画被触发时，它看起来有点儿错误。

Answer 1

load()作为on('load')的快捷方式已被弃用：

尝试使用

$(window).on('load', function() {
  $('html').css('display', 'block');
});