在webfonts异步加载时执行代码,在底部加载其他脚本

时间:2012-12-21 01:48:11

标签: javascript asynchronous typekit webfont-loader

我正在使用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加载时完全执行此代码?

0 个答案:

没有答案