我正在使用Typekit的代码片段进行异步加载,位于<head>
,我的其余JavaScript位于<body>
的底部。这是Typekit脚本的配置部分:
var config = {
kitId: 'tca8gie',
scriptTimeout: 3000,
active: function() {
$heroUnit = $(".hero-unit");
if ($heroUnit.length)
$heroUnit.find("h1, .lead").slabText({
viewportBreakpoint: 600
});
}
};
我添加了active
回调,当我加载webfonts时,我正在激活slabText。在99%的情况下这是有效的,但在1%的时间里,jQuery位于我的页面底部尚未加载,所以这个slabText代码导致Can't find variable: jQuery
错误并且不起作用
如何在webfonts,jQuery和slabText加载时完全执行此代码?