预载整个页面

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'); 
});